jQuery 里面提供了一些方法,可以对选择的结果进一步去过滤 … 这此方法里面,有些跟之前介绍的选择器的效果差不多 .. 下面,我们去试一些这些方法 …
先去找到页面上的 li 元素里面的 img 元素 … $( ‘li img’ )
选择出来的结果就是页面上的 li 元素下面的 img 元素 …
下面我们可以去过滤一下这个结果 … 使用 eq() 方法,可以过滤出在指定位置上的结果 … 比如 eq(1) .. 这样只会选择结果里面排在第二这个位置上的结果 … 因为这个位置是从零开始算起的 ..
在过滤出来的这个结果上,我们可以加上一个 CSS 类。 img-circle 的类 …
$( 'li img' ).eq(1).addClass( 'img-circle' )
这个位置号,或者叫索引号,也可以是负数 …
我们可以试一下 -1 … 这样,会过滤出倒数第一个结果 …
$( 'li img' ).eq(-1).addClass( 'img-circle' )
.first() 和 .last()
.first() 和 .last() 可以找到结果里的第一个,和最后一个结果 …
先看一下 .first() … 这两个方法都不支持参数 .. 所以,直接在它们的后面输入一个括号就行了 …
$( 'li img' ).first().addClass( 'img-circle' )
.first() 找到的是选择的结果里面的第一个结果 … 再试一下 .last() …
$( 'li img' ).last().addClass( 'img-circle' )
.last() 选择的是结果里面的最后一个 .. .
.slice()
选择结果里的某个范围,可以使用 .slice() 方法 … 比如我们想要的是页面上第7个图像到第12个图像 …
$( 'li img' ).slice(6, 12).addClass( 'img-circle' )
.slice() 这个方法里有两个参数 … 第一个参数是开始的值 … 第二个参数是结束的值 …