码迷,mamicode.com
首页 > Web开发 > 详细

jquery知识巩固

时间:2018-06-05 11:35:42      阅读:186      评论:0      收藏:0      [点我收藏+]

标签:bsp   code   相对   ===   选择器   img   color   class   png   

1.jquery中的index方法和eq方法

index()方法:index()获取的索引值是相对同兄弟元素,即同一个父元素,,所以首先要确认一下这个元素的兄弟是谁,例如:

技术分享图片

 

当遇到以上的情况很容易就觉得要在img元素上绑定事件,不行,因为img的兄弟元素其实只有他自己,所以要在li上面绑定,这样子绑定的每一次的index()才都不同。所有遇到这种情况,绑定img的父元素li,然后再分别查找相应的img元素

eq()方法:eq(index)选择器只匹配一个元素,并且是所有匹配到的元素中的第index + 1个元素(索引index从0开始算起);例如:

$("img").eq(2)=====>>指向的是img3这个元素

index()方法和eq()方法的区别,

index()方法是相对同一个父元素的兄弟元素,而eq()选择所有匹配到的元素,而:nth-child(n)选择器也是相对于同一个父元素!!!

jquery知识巩固

标签:bsp   code   相对   ===   选择器   img   color   class   png   

原文地址:https://www.cnblogs.com/qdlhj/p/9138496.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!