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

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

このセレクターは、指定された属性を含まない要素、または特定の値と等しくない属性を持つすべての要素と一致します。
このセレクターは not[([attr=value]) と同等です。
特定の属性を持つが特定の値に等しくない要素を照合するには、[attr]:not([attr=value])

を使用します。

文法構造:

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

$("[attribute!=value]")

パラメータリスト:

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

コード例:
例 1:

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

<頭>




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

• html エリア


• Jquery エリア

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


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

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

上記のコードは、id 属性値が Second に等しくない、または id 属性値を持たない li 要素のテキストの色を青に設定できます。 例 2:

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

<頭>




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

• html エリア


• Jquery エリア

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


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

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





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

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