网站建设资讯

NEWS

网站建设资讯

jquery偶数,js奇数和偶数的表示方法

如何使用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://cdweb.net/article/dsecohj.html