属性选择器 class^=

选择器	描述
[attr]	用于选取带有指定属性的元素
[attr=value]	用于选取带有指定属性和值的元素
[attr~=value]	用于选取属性值中包含指定词汇的元素
[attr\|=value]	用于选取带有以指定值开头的属性值的元素，该值必须是整个单词
[attr^=value]	匹配属性值以指定值开头的每个元素。
[attr$=value]	匹配属性值以指定值结尾的每个元素。
[attr*=value]	匹配属性值中包含指定值的每个元素。

示例:1.找出class名称为 ‘col-’ 开头的div

$("div[class^='col-']").attr();

2.找出所有class名称包含 ‘col-’ 的div

$("div[class*='col-']").attr();

在一个div id="div1"中有多个select

1.选择div1中的第一个select:

$("#div1 > select:first").attr();
/*注意  :  前后不能加空格，因为其实我们知道空格是代表后代的意思；之所以>前后可以加空格，是因为其实>子元素的意思，而子元素也是从后代中取的，所以这里加空格不影响，并且后代的空格可以加任意个，只是平时我们为了好看只加了一个空格而已。*/

2.选择div1中最后一个select

$("#div1 > select:last").attr();

3.选取div1中所有不是select的元素

$("#div1 :not(select)").attr();

4.选取索引号从0开始为偶数的div元素:even

$("div:even").attr();

5.选取索引号从0开始为奇数的div元素:odd

$("div:odd").attr();

6.选取索引号从0开始等于3的div元素:eq

$("div:eq(2)").attr();

7.选取索引号从0开始大于3的div元素:gt

$("div:gt(3)").attr();

8.选取索引号从0开始小于3的div元素:lt

$("div:lt(3)").attr();

9.选取索引号从0开始小于等于3的div元素:

$("div:lt(3), div:eq(3)").attr();

属性选择器 class^=

最新文章

热门文章