jquery类似方法的比较(三)

属性选择器

1、$("div[class|='test']")可以选择 class为test的div 和 class以“test-”开头的div。

2、$("div[class*='test']")可以选择class中包含“test”的所有div。

3、$("div[class$='test']")可以选择class以“test”结尾的div。

4、$("div[class='test']")可以选择class是“test”的div。

5、$("div[class~='test']")可以选择class中包含“test”单词的div。//test必须是一个独立的单词

6、$("div[class!='test']")可以选择没有class属性和class不是“test”div。//等同于:not(class=test),性能不如:not()

7、$("div[class^='test']")可以选择class以“test”开头的div。

8、$("div[class]")可以选择具有class属性的div。

9、$("div[id][class^='test']")可以选择有id属性并且class以“test”开头的div。

原文地址:https://www.cnblogs.com/charling/p/3355857.html