天天看点

jQuery class选择器及模糊匹配class选择器模糊匹配

jQuery class选择器及模糊匹配

  • class选择器
  • 模糊匹配

class选择器

$(‘.class1 .class2‘)

选择class1元素下class2的元素(中间有空格);

$(‘.class1.class2‘)

选择同时含有class1和class2的元素(中间没有空格);

$(‘.class1,.class2‘)

选择class1或者class2的元素(中间有逗号).

模糊匹配

1.class前缀为hint的所有div的jquery对象

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

2.class后缀为hint的所有div的jquery对象

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

3.class中包含hint的所有div的jquery对象

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

[属性名称] 匹配包含给定属性的元素

[att=value]

匹配包含给定属性的元素 (大小写区分)

[att*=value]

模糊匹配包含有value的原色

[att!=value]

不能是这个值

[att^=value]

以value开头的所有元素

[att$=value]

以value结尾的所有元素

[att1][att2][att3]…

匹配多个属性条件中的一个