过滤的方法

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

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() 这个方法里有两个参数 … 第一个参数是开始的值 … 第二个参数是结束的值 …

过滤的方法《 jQuery 基础 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点