Jqueryセレクタ(六)--Attribute Filters

3571 ワード

プロパティーフィルタ
注意:jQuery 1.3では、[@attr]形式のセレクタが削除されました(バージョン1.2で破棄されました).それらを引き続き使用できるようにするには、セレクタの@記号を簡単に削除します.
[1]  [attribute]     
Returns: Array
     
説明:指定した属性のすべての要素を一致させます.注意:バージョン1.2以降、属性名の「@」記号は破棄されます.      
      
$("div[id]").one("click", function(){
   var idString = $(this).text() + " = " + $(this).attr("id");
   $(this).text(idString);
});

      
attribute:String--属性名.
[2]  [attribute=value]     
Returns: Array
     
説明:指定した値を持つ属性に一致するすべての要素.  
      
$("input[name='newsletter']").next().text(" is newsletter");

      
attribute:String--属性名.
      
value:String--属性値です.属性値の引用符は、ほとんどの場合オプションです.ただし、値に「」のような文字が含まれている場合は、競合を回避するために引用符を使用する必要があります.変数を使用すると、[name='''''+MyVar+''']という構文が使用できます.
[3]  [attribute!=value]      
Returns: Array
     
説明:指定されていない属性または特定の値を持たない属性のすべての要素を一致させます.  
      
$("input[name!=newsletter]").next().append("<b>; not newsletter</b>");

      
attribute:String--属性名.
      
value:String--属性値です.属性値の引用符は、ほとんどの場合オプションです.ただし、値に「」のような文字が含まれている場合は、競合を回避するために引用符を使用する必要があります.変数を使用すると、[name='''''+MyVar+''']という構文が使用できます.
[4]  [attribute^=value]     
Returns: Array
     
説明:属性値がvalue文字列で始まる属性のすべての要素に一致します.  
      
$("input[name^='news']").val("news here!");

      
attribute:String--属性名.
      
value:String--属性値です.属性値の引用符は、ほとんどの場合オプションです.ただし、値に「」のような文字が含まれている場合は、競合を回避するために引用符を使用する必要があります.変数を使用すると、[name='''''+MyVar+''']という構文が使用できます.
[5]  [attribute$=value]     
Returns: Array
     
説明:属性値がvalue文字列で終わる属性のすべての要素に一致します.
      
$("input[name$='letter']").val("a letter");

      
attribute:String--属性名.
      
value:String--属性値です.属性値の引用符は、ほとんどの場合オプションです.ただし、値に「」のような文字が含まれている場合は、競合を回避するために引用符を使用する必要があります.変数を使用すると、[name='''''+MyVar+''']という構文が使用できます.
[6]  [attribute*=value]     
Returns: Array
     
説明:属性値にvalue文字列を含む属性のすべての要素を一致させます.  
      
$("input[name*='man']").val("has man in it!");

      
attribute:String--属性名.
      
value:String--属性値です.属性値の引用符は、ほとんどの場合オプションです.ただし、値に「」のような文字が含まれている場合は、競合を回避するために引用符を使用する必要があります.変数を使用すると、[name='''''+MyVar+''']という構文が使用できます.
[7]  [attributeFilter1][attributeFilter2][attributeFilterN]      
Returns: Array
     
説明:指定したすべてのプロパティフィルタに一致するすべての要素を一致させます.  
      
$("input[id][name$='man']").val("only this one");

      
attributeFilter 1:Selector--プロパティフィルタです.
      
attributeFilter 2:Selector--別の属性値.
      
attributeFilterN:Selector--必要に応じて任意のフィルタを設定します.
-------------------------------------------------------------------------------------------------------------------------------------