jQuery属性选择器

上次总结了一下jQuery中的基础选择器，这次总结一下属性选择器

   Attribute Contains Prefix Selector [name|='value']

描述：选择指定属性值给定字符串或以该字符串为前缀（该字符串后跟着连字符“-”）的元素

语法：jQuery("[attribute |= "value"]")或者$("[attribute |= "value"]")

注意：attribute是指属性名，value表示属性值。value的引号是可选的，可以是一个不带引号的单词或者是带引号的字符串

$("[type |= "text"]")

  Attribute Contains Selector [name *= "value"]

描述：选择指定属性包含一个给定的子字符串（选择给定的属性以包含某些值的元素）

语法：jQuery("[attribute *= "value"]")或者$("[attribute *= "value"]")

$("[type *= "te"]")

   Attribute Contains Word Selector [name ~= "value"]

描述：选择指定属性用空格分隔的值中包含一个给定的值的元素

语法：jQuery("[attribute ~= "value"]")或者$("[attribute ~= "value"]")

<div name = "abc bcd"></div>
<script>
    $("[name ~= "abc"]")   //div
    $("[name ~= "bcd"]")   //div

</script>

   Attribute Ends Width Selector [name = "value"]

描述：选择指定属性是给定的值

语法：jQuery("[attribute = "value"]")或者$("[attribute = "value"]")

​<input type="text" value="123">
<script>
    $("[value = "123"]")    //input
    $("[type = "text"]")    //input

</script>

​

   Attribute Not Equal Selector [ name != "value"]

描述：选择不存在指定属性，或者指定属性值不等于给定值的元素

语法：jQuery("[attribute != "value"]")或者$("[attribute != "value"]")

​<div name = "123"></div>
<input type="text" name="abc">
<script>
    $("[name != "123"]")    //input
</script>

   Attribute Ends With Selector [name $= "value"]

描述：选择指定属性是以给定值结尾的元素，这个是区分大小写的

语法：jQuery("[attribute $= "value"]")

​<input type="text" value="abc123">
<script>
    $("[value $= "abc"]")    //input
</script>

​

​

   Attribute Starts Width Selector [name ^= "value"]

描述：选择指定属性是以给定字符开始的元素

语法：jQuery("[attribute ^= "value"]")或者$("[attribute != "value"]")

<input type="text" value="abc123">
<script>
    $("[value ^= "abc"]")    //input
</script>

   Has Attributes Selector [name]

描述：选择所有具有指定属性的元素，该属性的值可以是任意值

语法：jQuery("[attribute]")或者$("[attribute]")

<input type="text" value="abc"/>
<script>
    $("[type]")    //input
</script>

   Multiple Attribute Selector [name = "value"] [name2 = "value2"]

描述：选择匹配所有指定的属性选择器的元素

语法：jQuery("[][][]")或者$("[][][]")

<input type="text" value="abc" />
<script>
    $("[type][value="abc"]")    //input
</script>

    如有错误，还望指出主页传送门