jQuery_jqueryにおける[attribute*=value]セレクターの使用例

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

このセレクターは、指定された属性の特定の値を含む要素と一致します。

文法構造:

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

$("[attribute*=value]")

パラメータリスト:

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

コード例:

例 1:

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

<頭>




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

• html エリア


• Jquery エリア

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


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

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

上記のコードは、id 属性値に「ir」を含む li 要素の文字色を青に設定できます。

例 2:

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

<頭>




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

• html エリア


• Jquery エリア

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


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

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





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

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