NO. | 选择器 | 描述 |
---|---|---|
1 | [属性名称] | 带有括号里的属性名称的元素集合 |
2 | [属性名称=属性值] | 属性名称=属性值的元素集合 |
3 | [属性名称!=属性值] | 属性名称不等于属性值的元素集合 |
4 | [属性名称^=属性值] | 以该属性值开头的元素集合 |
5 | [属性名称$=属性值] | 以该属性值结尾的元素集合 |
6 | [属性名称~=属性值] | 包含该属性值单词的元素集合 |
7 | [属性名称*=属性值] | 包含该属性值字符串的元素集合 |
8 | [属性名称][属性名称] | 多个属性过滤选择器的条件同时满足的元素结合 |
示例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body >
<div id="d1" style="display: none">hello</div>
<div id="d2" >world</div>
<div id="d3" style="visibility: hidden">!</div>
<div id="d 4" myid></div>
<input type="text" >
<script src="http://apps.bdimg.com/libs/jquery/1.6.4/jquery.js"></script>
<script>
var v1=$("[style]")
var v2=$("[dispaly]")
var v3=$("[myid]")
var v4=$("[id='d2']")
var v5=$("[id!='d2']")
var v6=$("[id^='d']")
var v7=$("[id$='3']")
var v8=$("[id~='d']")
var v9=$("[id*='d']")
var v10=$("body div[id][style]")
console.log(v1)
console.log(v2)
console.log(v3)
console.log(v4)
console.log(v5)
console.log(v6)
console.log(v7)
console.log(v8)
console.log(v9)
console.log(v10)
</script>
</body>
</html>
运行结果: