注意:eq(index)选择器与:nth-child(n)选择器的不同之处在于: :eq(index)选择器只匹配一个元素,并且是所有匹配到的元素中的第index + 1 个元素(索引index 从0开始算起); :nth-child(n)选择器则需要判断匹配到的元素是否是其父元素的第n 个子元素或符合特定要求(序号n 从1开始算起),如果是就保留,否则将被舍弃。 语法// 这里的selector表示具体的选择器 // 这里的index表示指定的索引值 jQuery( "selector:eq(index)" ) 参数参数 | 描述 |
---|
selector | 一个有效的选择器。 | index | 指定的索引值,从0开始计数。 |
1.8 新增支持参数index 可以为负数。如果index 为负数,则将其视作length + index ,这里的length 指的是匹配到的元素的个数(也可以理解为从后往前计数)。 返回值返回封装了匹配选择器selector 的DOM元素中指定索引index 处的元素的jQuery对象。 如果索引值超出有效范围,则返回空的jQuery对象。 示例&说明以下面这段HTML代码为例: <div id="n1"> <div id="n2"> <ul id="n3"> <li id="n4">item1</li> <li id="n5">item2</li> <li id="n6">item3</li> </ul> </div> <div id="n7"> <ul id="n8"> <li id="n9">item1</li> <li id="n10">item2</li> </ul> </div> </div> 现在,我们想要查找第2个div标签,则可以编写如下jQuery代码: // 选择了id为n2的一个元素 $("div:eq(1)"); 接着,获取匹配ul li选择器的元素中的第4个元素,则可以编写如下jQuery代码: // 选择了id为n9的一个元素 $("ul li:eq(3)"); 运行代码
16
15
我们认为:
用户的主要目的,是为了获取有用的信息,而不是来点击广告的。因此本站将竭力做好内容,并将广告和内容进行分离,确保所有广告不会影响到用户的正常阅读体验。用户仅凭个人意愿和兴趣爱好点击广告。
|