jQuery元素过滤-创新互联-成都快上网建站

jQuery元素过滤-创新互联

索引过滤

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

网站建设哪家好,找创新互联!专注于网页设计、网站建设、微信开发、成都微信小程序、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了高平免费建站欢迎大家使用!

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

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


网站名称:jQuery元素过滤-创新互联
文章源于:http://kswjz.com/article/dioisc.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流