如何使用jquery,当偶数行为红色,当鼠标移上去就变成蓝色,移出来就变成默认的色的
测试成功
成都创新互联-专业网站定制、快速模板网站建设、高性价比富锦网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式富锦网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖富锦地区。费用合理售后完善,十载实体公司更值得信赖。
代码如下 你本地测试jquery文件路径需要改下
html
head
script type="text/javascript" src="/jquery/jquery.js"/script
script type="text/javascript"
$(document).ready(function(){
$("li:even").css('background-color','red');
$("li:even").hover(function(){$(this).css('background-color','blue');},
function(){$(this).css('background-color','red');});
});
/script
/head
body
ul
liCoffee/li
liMilk/li
liSoda/li
liCoffee/li
liMilk/li
liSoda/li
/ul
/body
/html
jquery奇数偶数背景色
你好,根据描述,如下供你参考:
jq隔行变色的效果关键是如果选择节点
$("tr:odd")
选择偶数tr标签,tr是表格table的行
$("tr:even")
选择奇数tr标签,tr是表格table的行
jquery改变样式,如下操作
$("tr:even").css('color','red');
$("tr:odd").css('color','pink');
如果满意,望采纳,谢谢!
jquery 怎样使用变量的odd, even选择器?
jquery中odd和even选择器的用法说明
:odd
选择器选取每个带有奇数
index
值的元素(比如
1、3、5)。
index
值从
开始,所有第一个元素是偶数
(0)。
最常见的用法:与其他元素/选择器一起使用,来选择指定的组中奇数序号的元素(如上面的例子)。
语法
$(":odd")
比如:$("tr:odd")表示获取奇数行
类似地有
$("tr:even")表示获取偶数行。
文章名称:jquery偶数,js奇数和偶数的表示方法
链接分享:http://lswzjz.com/article/dsecohj.html