jquery 选择器模糊匹配

jquery选择器模糊匹配,会返回符合条件的集合对象
1.选择div元素的class属性值前缀为aa的对象(区分大小写)

$("div[class^='aa']");  

2.选择div元素的class属性值后缀为aa的对象(不区分大小写)

$("div[class$='aa']");  

3.选择div元素的class属性值包含aa的对象(不区分大小写)

$("div[class*='aa']");  

4.选择div元素的class属性只为aa的对象(不区分大小写)

$("div[class='aa']"); 

5.也可设置多个筛选条件,许同事满足设置的所有条件(不区分大小写)

$("div[class^='aa'][class*='bb']");  

说明:选择div元素的class属性值为aa开头且包含bb字符串的对象

6.选择指定属性用空格分隔的值中包含一个给定值的元素(不区分大小写)

$("div[class~='aa']"); 

7.选择不存在指定属性,或者指定的属性值不等于给定值的元素(不区分大小写)

$("div[class!='aa']");

8.选择div元素的class属性值为aa的对象或以aa-为前缀的元素(不区分大小写)

$("div[class|='aa']");

说明:可以匹配class为aa 或者前缀为aa-的元素

因为返回的都是集合对象随意可以用each()方法遍历符合条件的元素

 obj.each(function(e){
        console.log(e)
    })

《jquery 选择器模糊匹配》

    原文作者:A_lin
    原文地址: https://segmentfault.com/a/1190000019994487
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞