jQuery_jqueryでの[attribute=value]セレクターの使用例

この記事の例では、jQuery での [attribute=value] セレクターの使用法について説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。

このセレクターは、指定された属性と属性値を持つ要素を照合します。

文法構造:

コードをコピー コードは次のとおりです:

$("[attribute=value]")

パラメータリスト:

参数	描述
attribute	定义要查找的属性名称。
value	定义要超找的属性值。 引号在大多数情况下是可选的。但在遇到诸如属性值包含"]"时，用以避免冲突。

コード例:

例 1:

コードをコピーします コードは次のとおりです:

<頭>




<スクリプトタイプ="text/javascript">
$(document).ready(function(){
$("ボタン").click(function(){
$("li[id=third]").css("color","blue");
})
})

• html エリア


• Jquery エリア

• スクリプト ハウスへようこそ


• スクリプト ハウスはあなたを歓迎します

クリックして効果を確認してください

上記のコードは、id 属性値が 3 番目から青である li 要素のテキストの色を設定できます。

例 2:

コードをコピーします コードは次のとおりです:

<頭>




<スクリプトタイプ="text/javascript">
$(document).ready(function(){
$("ボタン").click(function(){
$("li[id=thi]rd]").css("color","blue");
})
})

• html エリア


• Jquery エリア

• スクリプト ホームへようこそ


• スクリプト ハウスはあなたを歓迎します

クリックして効果を確認してください

上記のコードから、コードに「[」または「]」が含まれる場合、引用符で囲む必要があることがわかります。引用符で囲まないと、マッチング エラーが発生します。

この記事が皆さんの jQuery プログラミングに役立つことを願っています。