jQuery の場合: セレクターの使用法ではない example_jquery

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

このセレクターは、指定されたセレクターに一致する要素のコレクションから要素を削除します。

文法構造:

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

$(":not(selector)")

このセレクターは通常、クラス セレクター、要素セレクターなどの他のセレクターと組み合わせて使用​​されます。。例:

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

$("li:not(.second)").css( "色" 、"緑")

上記のコードは、クラス名が緑色に次ぐものではない li 要素コレクションのフォントの色を設定します。
他のセレクターで使用しない場合、デフォルトの状態は * セレクター で使用されます。たとえば、$(":not") は $("*:not") と同等です。

パラメータリスト:

参数	描述
selector	用于筛选的选择器。

コード例:

例 1:

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

<頭>




<スクリプトタイプ="text/javascript">
$(document).ready(function(){
$("ボタン").click(function(){
$("li:not(.second)").css("color","green")
})
})

• html エリア


• div CSS エリア


• jQuery ゾーン


• JavaScript ゾーン

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

太陽が出ています

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

上記のコードは、class 属性値が緑の次にない li 要素コレクションのフォントの色を設定できます。

例 2:

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

<頭>




<スクリプトタイプ="text/javascript">
$(document).ready(function(){
$("ボタン").click(function(){
$(":not(.秒)").css("色","緑")
})
})

• html エリア


• div CSS エリア


• jQuery ゾーン


• JavaScript ゾーン

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

太陽が出ています

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

上記のコードでは :not セレクターで使用するセレクターを指定していないため、デフォルトでは * セレクターで使用されます。 color 属性が継承されるため、すべての要素のテキストは緑色に設定されます。

jquery セレクターに関連するさらなるコンテンツに興味のある読者は、このサイトの特別トピック「jquery セレクターの使用法の概要」

をチェックしてください。

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