jQuery元素过滤

索引过滤

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

创新互联成立与2013年,先为遂川等服务建站,遂川等地企业,进行企业商务咨询服务。为遂川企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

eq()

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

jQuery元素过滤

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

jQuery元素过滤

first()

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

last()

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

jQuery元素过滤

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

jQuery元素过滤

内容过滤

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

has()

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

jQuery元素过滤

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

jQuery元素过滤

map()

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

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

jQuery元素过滤

按钮

jQuery元素过滤

filter()

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

jQuery元素过滤

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

jQuery元素过滤

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

jQuery元素过滤

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

jQuery元素过滤

not()

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

jQuery元素过滤

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

jQuery元素过滤

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

jQuery元素过滤

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

jQuery元素过滤

is()

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

jQuery元素过滤

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

jQuery元素过滤

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

jQuery元素过滤

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

jQuery元素过滤

slice()

slice()方法根据指定的下标范围,过滤匹配的元素集合,并生成一个新的jQuery对象 

slice(start[,end])方法接受两个参数:start和end

start是一个整数,从0开始计数的下标。代表将要被选择的元素的起始下标。如果指定的下标是一个负数,那么代表从末尾开始计数

end是一个整数,从0开始计数的下标。代表将要被选择的元素的结束下标。如果指定的下标是一个负数,那么代表从末尾开始计数。如果忽略此参数,则选择的范围是从start开始,一直到最后

jQuery元素过滤

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

jQuery元素过滤

add()

add()方法添加元素到匹配的元素集合。add()方法的参数可以几乎接受任何的$(),包括一个jQuery选择器表达式,DOM元素,或HTML片段引用

jQuery元素过滤

      
  • list item 1
  •   
  • list item 2
  •   
  • list item 3
div
按钮

jQuery元素过滤

标签: jQuery


网站名称:jQuery元素过滤
本文路径:http://hbruida.cn/article/jojjjg.html

其他资讯