【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(回调函数)


相关文章
|
2月前
|
JavaScript 前端开发 CDN
jQuery学习记录--jQuery语法,选择器,事件及hide(),show(), toggle()
本文是关于jQuery的学习笔记,涵盖了jQuery的简介、语法、选择器、事件处理以及hide()、show()、toggle()等方法的使用。
jQuery学习记录--jQuery语法,选择器,事件及hide(),show(), toggle()
|
5月前
|
JavaScript 前端开发 API
jQuery对象与DOM对象简介及相互转换
jQuery对象与DOM对象简介及相互转换
|
5月前
|
开发框架 JavaScript 前端开发
技术经验解读:从零开始学习jQuery(十)jQueryUI常用功能实战
技术经验解读:从零开始学习jQuery(十)jQueryUI常用功能实战
46 0
|
6月前
|
JavaScript 前端开发 索引
jQuery学习教程,写更少的代码,做更多的事情(二)
jQuery学习教程,写更少的代码,做更多的事情(二)
|
6月前
|
XML JavaScript 前端开发
JavaScript学习 -- jQuery库
JavaScript学习 -- jQuery库
78 0
|
6月前
|
JavaScript 前端开发 数据安全/隐私保护
jQuery选择器-第2次课-大部分跟CSS3选择器类似-几乎没有学习成本-附案例-作业等
jQuery选择器-第2次课-大部分跟CSS3选择器类似-几乎没有学习成本-附案例-作业等
41 0
|
6月前
|
JavaScript 前端开发 API
jquery是什么-是否还有必要学-与JS的区别-学习技巧-文末附资料、案例、作业
jquery是什么-是否还有必要学-与JS的区别-学习技巧-文末附资料、案例、作业
85 0
|
11月前
|
JavaScript
【jQuery学习】—实现弹幕效果
【jQuery学习】—实现弹幕效果
|
11月前
|
JavaScript
【jQuery学习】—jQuery对象的访问
【jQuery学习】—jQuery对象的访问
|
11月前
|
JavaScript 前端开发
【jQuery学习】—jQuery操作CSS和表格
【jQuery学习】—jQuery操作CSS和表格