jQuery元素过滤-创新互联

索引过滤

索引选择器是jQuery过滤选择器的一部分。与此同时，也存在功能相似的索引相关的方法，包括eq()、first()、last()

eq()

eq()方法匹配元素的集合为指定的索引的哪一个元素。eq()方法可以接受一个整数作为参数，以0为基数。若整数为负数，则从集合中的最后一个元素开始计数　

    
list item 1
    
list item 2
    
list item 3
    
list item 4
    
list item 5
按钮一按钮二按钮三

first()

first()方法获取匹配元素集合中第一个元素，该方法不接受参数

last()

last()方法获取匹配元素集合中最后一个元素，该方法不接受参数

    
list item 1
    
list item 2
    
list item 3
    
list item 4
    
list item 5
按钮一按钮二

内容过滤

jQuery选择器中包括内容过滤选择器，而jQuery中也存在功能类似的内容过滤的方法，包括has()、filter()、is()、not()、map()、slice()和add()

has()

has()方法用于筛选匹配元素集合中有相匹配的选择器或DOM元素的后代元素的父元素

    
list item 1
    
list item 2    

      
list item 2-a
      
list item 2-b
    
    
    
list item 3
按钮

map()

map()方法通过一个函数匹配当前集合中的每个元素

作为参数的函数有两个参数，第一个参照是匹配集合中的元素索引，第二个参数是当前索引的DOM元素对象

按钮

filter()

filter()方法从匹配的元素集合中筛选出指定的元素，参数可以是一个选择器字符串、一个或多个DOM元素、jQuery对象或一个函数　　

    
list item 1
    
list item 2
    
list item 3
    
list item 4
    
list item 5
按钮

filter()方法中作为参数的函数有两个参数，第一个参照是匹配集合中的元素索引，第二个参数是当前索引的DOM元素对象。如果函数返回值为true，则该元素保留；否则，该元素在匹配集合中被去除

    
list item 1
    
list item 2
    
list item 3
    
list item 4
    
list item 5
按钮

not()

not()方法与filter()方法正好相反，它从匹配的元素集合中移除指定的元素，参数可以是一个选择器字符串、一个或多个DOM元素、jQuery对象或一个函数　

    
list item 1
    
list item 2
    
list item 3
    
list item 4
    
list item 5
按钮

not()方法中作为参数的函数有两个参数，第一个参照是匹配集合中的元素索引，第二个参数是当前索引的DOM元素对象。如果函数返回值为true，则该元素被去除；否则，该元素在匹配集合中保留

    
list item 1
    
list item 2
    
list item 3
    
list item 4
    
list item 5
按钮

is()

is()方法用于判断当前元素是否与参数相匹配，如果匹配，则返回true；否则，返回false。参数可以是一个选择器，DOM元素，jQuery对象或函数

    
list item 1
    
list item 2
    
list item 3
    
list item 4
    
list item 5

is()方法中作为参数的函数有两个参数，第一个参照是匹配集合中的元素索引，第二个参数是当前索引的DOM元素对象。如果函数返回true，is()方法也返回true，如果函数返回false，is()方法也返回false

    
list item 1
    
list item 2
    
list item 3
    
list item 4
    
list item 5