jQuery之屬性過濾選擇器

轉自：http://blog.csdn.net/woshisap/article/details/7341136

在HTML文檔中，元素的開始標記中一般包含有多個屬性(attribute), 在jQuery中，除了直接使用id和class屬性做爲選擇器以外，還能夠根據各類屬性（如title等）對由選擇器

查詢到的元素進行過濾，屬性過濾選擇器包含了在中括號"[]"中，而不是以冒號開頭，一般使用"選擇器[屬性過濾選擇器]"語法格式，能夠根據是否包含指定屬性或者

根據屬性值從查詢到的元素中進行篩選。

 

1：包含屬性過濾器

      用於選擇包含給定屬性的全部元素

     格式:$("selector[attribute]")

    

2：屬性等於過濾器

     用於篩選給定屬性等於某特定值的全部元素

     $("selector[attribute=value]");

    例子：$("input[name=accept]").attr("checked", "true");  //將name爲accept的複選框選中  

 

3：屬性包含過濾器

      用於選擇指定屬性值包含給定字符串的全部元素

     格式:$("selector[attribute*=value]")   

    例子:$("input[name*='news']").val("name中包含有news的元素");  //將name中包含'news'的文本框添加文本值

 

4：屬性包含單詞過濾器

     用於選擇指定屬性值中包含給定單詞(由空格分隔)的元素

    格式:$("selector[attribute~=value]");

    例子:$('input[name~='news']').val("name中包含news單詞的元素");

 

5：屬性不等於過濾器

      用於選擇不包含指定屬性，或者包含指定屬性但該屬性不等於某個值的全部元素

      格式:$("selector[attribute!=value]")

 

6：屬性開始過濾器

      用於選擇給定屬性是以某特定值開始的全部元素

     格式:$("selector[attribute^=value]")   

 

7：屬性結尾過濾器

 

      用於選擇給定屬性是以某特定值結尾的全部元素

      格式:$("selector[attribute$=value]") 

 

8：複合屬性過濾器

      用於選擇同時知足多個條件的全部元素

     格式:$("selector[selector1][selector2]...[selector[N]")

    實例：$("input[id][name^='news']").val("複合條件")：用於選擇包含有id屬性而且name值以'news'開頭的文本框，並對其值進行設置