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://myzitong.com/article/dioisc.html

jQuery元素过滤-创新互联

索引过滤

内容过滤

其他资讯