jQuery の場合: セレクターの使用例が含まれます。

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

このセレクターは、指定されたテキストを含む要素と一致します。
構文:

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

$(":contains(text)")

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

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

$("li:contains('html')").css ("色","青")

上記のコードは、テキストに「html」を含む li 要素のフォントの色を青に設定します。
他のセレクターと一緒に使用しない場合、デフォルトの状態は * セレクターとともに使用されます。たとえば、$(":contains") は $("*:contains") と同等です。
パラメータリスト:

参数	描述
text	一个用以查找的字符串。

コード例:

例 1:

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

<頭>




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

• html エリア


• div CSS エリア


• JQuery ゾーン


• JavaScript ゾーン


• html5 エリア

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

上記のコードは、「html」を含む li 要素のテキストの色を青に設定できます。

例 2:

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

<頭>




<スクリプトタイプ="text/javascript"> $(document).ready(function(){
$("ボタン").click(function(){
$("*:contains('html')").css("border","1px 単色赤")
})
})

• html エリア


• div CSS エリア


• JQuery ゾーン


• JavaScript ゾーン


• html5 エリア

スクリプト ホーム

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

上記のコードでは、:even セレクターで使用されるセレクターが指定されていないため、デフォルトでは * セレクターで使用されます。

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