戻り値: 配列[属性^=値]
概要
指定されたものと一致します属性は、ある値で始まる要素です
パラメータ
attributeStringV1.0
属性名
value StringV1.0
属性値。ほとんどの場合、引用符はオプションです。ただし、属性値に「]」が含まれる場合の競合を避けるために使用されます。
例
説明:
名前が「news」で始まるすべての入力要素を検索します
HTMLコード:
<input name="newsletter" /> <input name="milkman" /> <input name="newsboy" />
jQueryコード:
$("input[name^='news']")
結果:
[ <input name="newsletter" />, <input name="newsboy" /> ]
セレクターは属性値を選択できますある値で始まる要素です。
文法構造:
$("[attribute^=value]")
パラメータリスト:
サンプルコード:
例1:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.jb51.net/" /> <title></title> <script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("button").click(function(){ $("li[id^=s]").css("color","blue"); }) }) </script> </head> <body> <ul> <li id="first">html专区</li> <li id="second" title="jquery">Jquery专区</li> </ul> <button>点击查看效果</button> </body> </html>
上記のコードは、li要素のid属性値がsで始まるli要素の文字色を設定できます。青に。
例 2:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.jb51.net/" /> <title></title> <script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("button").click(function(){ $("li[id^=[s]").css("color","blue"); }); }); </script> </head> <body> <ul> <li id="first">html专区</li> <li id="[second" title="jquery">Jquery专区</li> </ul> <button>点击查看效果</button> </body> </html>
上記のコードから、コードに「[」または「]」が含まれる場合、引用符が必要であることがわかります。引用符がないと、一致エラーが発生します。
以上がjQueryセレクター[attribute^=value]の具体的な使い方を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。