ホームページ >ウェブフロントエンド >jsチュートリアル >jQuery [属性*=値]セレクターを適用するにはどうすればよいですか?
jQuery [属性*=値]セレクターを適用するにはどうすればよいですか?
- 黄舟オリジナル
- 2017-06-23 13:39:261289ブラウズ
戻り値:配列[属性$=値]
概要
は、特定の値で終わる要素である指定された属性と一致します
パラメータ
属性文字列 V1 .0
属性名
value StringV1.0
属性値。ほとんどの場合、引用符はオプションです。ただし、属性値に「]」が含まれる場合の競合を避けるために使用されます。
例
説明:
名前が「文字」で終わるすべての入力要素を検索します
HTMLコード:
<input name="newsletter" /> <input name="milkman" /> <input name="jobletter" />
jQueryコード:
$("input[name$='letter']")結果:
[ <input name="newsletter" />, <input name="jobletter" /> ]
コードは次のとおりです:
rre eeパラメータリスト:
![jQuery [属性*=値]セレクターを適用するにはどうすればよいですか?](https://img.php.cn//upload/image/292/917/819/1498196322776522.png "1498196322776522.png")
サンプルコード:
例1:
$("[attribute*=value]")上記のコードは、id属性値に「ir」を含むli要素の文字色を青に設定することができます。
例 2:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.bitsCN.com/" />
<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*='ir']").css("color","blue");
})
})
</script>
</head>
<body>
<ul>
<li id="first">html专区</li>
<li id="second">Jquery专区</li>
</ul>
<button>点击查看效果</button>
</body>
</html>上記のコードから、コードに「[」または「]」が含まれる場合、引用符が必要であることがわかります。引用符がないと、一致エラーが発生します。
以上がjQuery [属性*=値]セレクターを適用するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。