选择器 | 描述 |
[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();