Jquery選擇器(六) -- Attribute Filters

屬性過濾器

注意：在jQuery1.3中，[@attr] 形式的選擇器已被移除(它們在1.2版本中被棄用)。爲了使它們能夠繼續使用，你只要簡單的將選擇器中的"@"符號刪除。

[1]  [attribute]      Returns: Array<Element(s)>
      說明： 匹配給定屬性的所有元素。注意：自從版本1.2起，屬性名前的"@"符號被棄用。      
      

$("div[id]").one("click", function(){
   var idString = $(this).text() + " = " + $(this).attr("id");
   $(this).text(idString);
});

$("div[id]").one("click", function(){
   var idString = $(this).text() + " = " + $(this).attr("id");
   $(this).text(idString);
});

       attribute： String--一個屬性名。

[2]  [attribute=value]      Returns: Array<Element(s)>
      說明： 匹配給定帶有確定值的屬性的所有元素。  
      

$("input[name='newsletter']").next().text(" is newsletter");

$("input[name='newsletter']").next().text(" is newsletter");

       attribute： String--一個屬性名。
       value： String--一個屬性值。屬性值的引號在大多數情況下是可選的。但如果值中包含像"]"的字符，必需使用引號來避免衝突。用變量的話可以使用如下語法：[name='''+MyVar+ ''']

[3]  [attribute!=value]       Returns: Array<Element(s)>
      說明： 匹配沒有指定的屬性或給定不帶確定值的屬性的所有元素。  
      

$("input[name!=newsletter]").next().append("<b>; not newsletter</b>");

$("input[name!=newsletter]").next().append("<b>; not newsletter</b>");

       attribute： String--一個屬性名。
       value： String--一個屬性值。屬性值的引號在大多數情況下是可選的。但如果值中包含像"]"的字符，必需使用引號來避免衝突。用變量的話可以使用如下語法：[name='''+MyVar+ ''']

[4]  [attribute^=value]      Returns: Array<Element(s)>
      說明： 匹配屬性值以value字串開始屬性的所有元素。  
      

$("input[name^='news']").val("news here!");

$("input[name^='news']").val("news here!");

       attribute： String--一個屬性名。
       value： String--一個屬性值。屬性值的引號在大多數情況下是可選的。但如果值中包含像"]"的字符，必需使用引號來避免衝突。用變量的話可以使用如下語法：[name='''+MyVar+ ''']

[5]  [attribute$=value]      Returns: Array<Element(s)>
      說明： 匹配屬性值以value字串結束的屬性的所有元素。
      

$("input[name$='letter']").val("a letter");

$("input[name$='letter']").val("a letter");

       attribute： String--一個屬性名。
       value： String--一個屬性值。屬性值的引號在大多數情況下是可選的。但如果值中包含像"]"的字符，必需使用引號來避免衝突。用變量的話可以使用如下語法：[name='''+MyVar+ ''']

[6]  [attribute*=value]      Returns: Array<Element(s)>
      說明： 匹配屬性值中包含value字串的屬性的所有元素。  
      

$("input[name*='man']").val("has man in it!");

$("input[name*='man']").val("has man in it!");

       attribute： String--一個屬性名。
       value： String--一個屬性值。屬性值的引號在大多數情況下是可選的。但如果值中包含像"]"的字符，必需使用引號來避免衝突。用變量的話可以使用如下語法：[name='''+MyVar+ ''']


[7]  [attributeFilter1][attributeFilter2][attributeFilterN]       Returns: Array<Element(s)>
      說明： 匹配符合所有給定屬性過濾器的所有元素。  
      

$("input[id][name$='man']").val("only this one");

$("input[id][name$='man']").val("only this one");

       attributeFilter1： Selector--一個屬性過濾器。
       attributeFilter2： Selector--另一個屬性值。
       attributeFilterN： Selector--按需要設定任意個過濾器。