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

一、eq方法

  • 作用:获取对应下标的jQuery对象
  • 格式:jQuery对象集合.eq(下标)
    【jQuery学习】—jQuery对象的过滤_css3
    【jQuery学习】—jQuery对象的过滤_前端_02

二、first方法

  • 作用:获取匹配元素集合中的第一个元素
  • 格式:jQuery对象集合.first()
    【jQuery学习】—jQuery对象的过滤_css_03
    【jQuery学习】—jQuery对象的过滤_css3_04

三、last方法

  • 作用:获取匹配元素集合中的最后一个元素
  • 格式:jQuery对象集合.last()
    【jQuery学习】—jQuery对象的过滤_前端_05
    【jQuery学习】—jQuery对象的过滤_javascript_06

四、is方法

  • 作用:判断当前匹配元素集合中的元素是否与指定的参数匹配,匹配的返回值为true,否则返回值为true
  • 格式:元素.is(参数)
  • 例如:​​$('li').eq(0).parent().is('div')​
  • 返回值:布尔值
    【jQuery学习】—jQuery对象的过滤_css3_07

五、has 方法

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

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

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

六、not方法

  • 作用:从匹配的元素集合中移除指定的元素
  • 格式:元素.not(参数),参数为选择器
  • 例如:​​$('li'),not('#box').css('color','red');​​​【jQuery学习】—jQuery对象的过滤_jquery_10
    【jQuery学习】—jQuery对象的过滤_css3_11

七、slice方法

  • 作用:选取匹配元素集的子集
  • 格式:​​元素.slice(begin,end)​​​;
    【jQuery学习】—jQuery对象的过滤_前端_12

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

八、filter方法

  • 作用:筛选出与指定表达式匹配的元素
  • 格式:元素.filter(‘选择器1,选择器2,选择器3……’)
  • 例如:​​($('p').filter(:first,:last))​【jQuery学习】—jQuery对象的过滤_javascript_14
    【jQuery学习】—jQuery对象的过滤_jquery_15

九、map方法

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