jquery属性过滤选择器有哪些？

jquery属性过滤选择器有哪些？下面本篇文章就来给大家介绍一下jquery属性过滤选择器。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。

jquery属性过滤选择器

NO.	选择器	描述
1	[属性名称]	带有括号里的属性名称的元素集合
2	[属性名称=属性值]	属性名称=属性值的元素集合
3	[属性名称!=属性值]	属性名称不等于属性值的元素集合
4	[属性名称^=属性值]	以该属性值开头的元素集合
5	[属性名称$=属性值]	以该属性值结尾的元素集合
6	[属性名称~=属性值]	包含该属性值单词的元素集合
7	[属性名称*=属性值]	包含该属性值字符串的元素集合
8	[属性名称][属性名称]	多个属性过滤选择器的条件同时满足的元素结合

示例：

<!DOCTYPE html>
<html>
<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>

运行结果：