【jQuery学习】—jQuery对象的过滤

简介: 【jQuery学习】—jQuery对象的过滤

jQuery学习】—jQuery对象的过滤

一、eq方法

  • 作用:获取对应下标的jQuery对象
  • 格式:jQuery对象集合.eq(下标)

二、first方法

  • 作用:获取匹配元素集合中的第一个元素
  • 格式:jQuery对象集合.first()


三、last方法

  • 作用:获取匹配元素集合中的最后一个元素
  • 格式:jQuery对象集合.last()

四、is方法

  • 作用:判断当前匹配元素集合中的元素是否与指定的参数匹配,匹配的返回值为true,否则返回值为true
  • 格式:元素.is(参数)
  • 例如:$('li').eq(0).parent().is('div')
  • 返回值:布尔值

五、has 方法

  • 作用:筛选匹配元素集合中包含特定后代的元素
  • 格式:元素.has(参数),参数为CSS选择器
  • 例如:$('li').has('span').css('background','red');

六、not方法

  • 作用:从匹配的元素集合中移除指定的元素
  • 格式:元素.not(参数),参数为选择器
  • 例如:$('li'),not('#box').css('color','red');

七、slice方法

  • 作用:选取匹配元素集的子集
  • 格式:元素.slice(begin,end);

八、filter方法

  • 作用:筛选出与指定表达式匹配的元素
  • 格式:元素.filter(‘选择器1,选择器2,选择器3……’)
  • 例如:($('p').filter(:first,:last))


九、map方法

  • 作用:次方法可以通过它的回调函数处理匹配元素集合中的每一个元素,返回值是一个由jQuery包装的数组,通常利用get()获取jQuery对象封装的整个数组或者数组的某个元素
  • 格式:元素.map(回调函数)


相关文章
|
3月前
|
XML JavaScript 前端开发
JavaScript学习 -- jQuery库
JavaScript学习 -- jQuery库
29 0
|
3月前
|
JavaScript 前端开发 数据安全/隐私保护
jQuery选择器-第2次课-大部分跟CSS3选择器类似-几乎没有学习成本-附案例-作业等
jQuery选择器-第2次课-大部分跟CSS3选择器类似-几乎没有学习成本-附案例-作业等
17 0
|
3月前
|
JavaScript 前端开发 API
jquery是什么-是否还有必要学-与JS的区别-学习技巧-文末附资料、案例、作业
jquery是什么-是否还有必要学-与JS的区别-学习技巧-文末附资料、案例、作业
42 0
|
4月前
|
JavaScript
【jQuery学习】—实现弹幕效果
【jQuery学习】—实现弹幕效果
|
4月前
|
JavaScript
【jQuery学习】—jQuery对象的访问
【jQuery学习】—jQuery对象的访问
|
4月前
|
JavaScript 前端开发
【jQuery学习】—jQuery操作CSS和表格
【jQuery学习】—jQuery操作CSS和表格
|
4月前
|
JavaScript 容器
【jQuery学习】—jQuery操作元素位置
【jQuery学习】—jQuery操作元素位置
|
4月前
|
JavaScript
【jQuery学习】—jQuery对象的串联
【jQuery学习】—jQuery对象的串联
|
JavaScript
jquery对象和dom对象-6
jquery对象和dom对象-6
73 0
jquery对象和dom对象-6
|
JavaScript
jquery对象与dom对象之间互相转换的方法
  本文主要讲述jquery对象和js里的dom对象之间互相转换的方法,使jquery对象可以直接使用js里的方法,或js里的dom对象使用jquery里的方法。 jquery对象和dom对象是不一样的,什么是jquery对象?什么是dom对象?我们举个例子来说: $("#aijquery"): //这种方式获取得到的就是jquery对象 document.
979 0