(轉)jquery屬性值選擇器

轉載自:http://www.cnblogs.com/nmxs/p/4888049.html

$("[attribute|='value']")
選擇指定屬性值等於給定字符串或改字符串爲前綴(該字符串後跟一個連字符“-”)的元素。
attribute: 一個屬性名
value: 一個屬性值

$(function(){

    $('a[hreflang|="en"]').css("border","2px solid red");
        //查找hreflang屬性值是英語的所有鏈接。
});

$("[attribute*='value']")
選擇指定屬性具有包含一個給定的子字符串的元素。(選擇給定的屬性是以包含某些值的元素)
attribute: 一個屬性名
value: 一個屬性值,可以是一個不帶引號的一個單詞,或一個帶引號的字符串。

$(function(){
    $('input[name*="man"]').css("border","2px solid red");
        //查找所有 input 的 name 屬性中帶有 'man' 的元素,並添加邊框
});

$("[attribute~='value']")
選着指定屬性用空格分隔的值中包含一個給定的元素。
attribute: 一個屬性名
value: 一個屬性值,可以是一個不帶引號的一個單詞,或一個帶引號的字符串。

$(function(){

    $('input[name~="man"]').css("border","2px solid red");
        //查找所有屬性中含有 'man' 這個單詞的文本框,並且修改其文本值。
})

$("[attribute$='value']")
選擇指定屬性是以給定元素結尾的元素。這個元素比較是區分大小寫的。
attribute: 一個屬性名
value: 一個屬性值,可以是一個不帶引號的一個單詞,或一個帶引號的字符串。

$(function(){
    $('input[name$="letter"]').css("border","2px solid red");
            //查找所有的屬性名稱以"letter"的結束,並把他們的文字輸入。
})

$("[attribute='value']")
選擇指定屬性是給定值的元素。
attribute: 一個屬性名。
value: 一個屬性值,可以是一個不帶引號的一個單詞,或一個帶引號的字符串。

$(function(){
    $('input[value="Hot Fuzz"]').next().text("Hot Fuzz");
        //查找input 中 value 值等於 Hot Fuzz 的將其後面的元素添加文本。
})

$("[attribute!='value']")
選擇指定屬性不等於這個值的元素
attribute:一個屬性名
value: 一個屬性值,可以是一個不帶引號的一個單詞,或一個帶引號的字符串。

$(function(){
    $('input[name!="newsletter"]').next().append("<b>;not newsletter</b>")
            //查找input 中name 不等於 newletter 的下一個元素追加 文本。
                注:主要含有這個字符串就行。
})

$("[attribute^='value']")
選擇指定屬性就是以給定字符串開始的元素。
attribute:一個屬性名
value: 一個屬性值,可以是一個不帶引號的一個單詞,或一個帶引號的字符串。

$(function(){
    $('input[name^="news"]').val("news here!");
    //查找input 中 name 中含有new 這個字符串的 添加value 值。
})

$("[attribute]")
選擇所有具有指定屬性的元素,該屬性可以是任何值。
attribute: 一個屬性名。

$(function(){
    $('div[id]').css("color","red")
            //給綁定id屬性的div的文本顏色變成紅色。
})

$("[attributeFilter1][attributeFilter2]attributeFilter3")
選擇匹配所有指定的屬性篩選器的元素
attributeFilter1: 一個屬性過濾器
attributeFilter2:另一個屬性過濾器,用於進一步減少被選擇的元素。
attributeFilterN: 根據需要有更多的屬性過濾器。

$(function(){
    $('input[id][name$="man"]').val('only this one')
    //查找那些有id屬性,並且name 屬性以man結尾的輸入框,並設置值。
})
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章