为了账号安全,请及时绑定邮箱和手机立即绑定

jquery基本筛选选择器问题

:even选择所引值为偶数的元素 为啥调试结果是奇数(1,3,5)啊

正在回答

5 回答

索引为0代表你浏览器看到的第一个,索引为1代表你在浏览器中看到的第二个。

索引都是从0开始计数的,$(".left div")获取了.left类下的6个div元素,他们的索引分别是 0,1,2,3,4,5,但是呢,他们分别代表浏览器中你看到的div的第1个,第二个,,,第六个。

$('.left div:even').css("border", "3px groove pink");表示获取的div中索引为偶数的div,然后更改他们的border属性,可以看到,索引中0,2,4代表偶数,也就是浏览器中你看到的第一个,第三个,第五个,它们的div的border的颜色会变为粉色。

0 回复 有任何疑惑可以回复我~
#1

blues2017 提问者

感谢!很详细~
2017-02-14 回复 有任何疑惑可以回复我~

索引值哈,就是下角标,从0开始的,那么索引值为0的元素就是第一个元素,这样就导致索引值对应的元素位置会是索引值+1的结果

0 回复 有任何疑惑可以回复我~

http://img1.sycdn.imooc.com//58a1865f00014f7810810455.jpg

//:even 选择所引值为偶数的元素,从 0 开始计数

    $('.left div:even').css("border", "3px groove pink");


    //:odd 选择所引值为奇数的元素,从 0 开始计数

    $('.left .div:odd').css("border", "3px groove blue");

感觉反了?

0 回复 有任何疑惑可以回复我~

:even选择器偶数;:odd选择器是奇数

0 回复 有任何疑惑可以回复我~
#1

blues2017 提问者

我也是这样写的,我截了一张图放到下面回答里面了 ,有啥问题不
2017-02-13 回复 有任何疑惑可以回复我~

代码捏

0 回复 有任何疑惑可以回复我~
#1

blues2017 提问者

截图放到下面回复里面了 //:even 选择所引值为偶数的元素,从 0 开始计数 $('.left div:even').css("border", "3px groove pink"); //:odd 选择所引值为奇数的元素,从 0 开始计数 $('.left .div:odd').css("border", "3px groove blue"); 感觉反了?
2017-02-13 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

jquery基本筛选选择器问题

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信