jQuery の場合: フォーカス セレクターの使用例 example_jquery

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

このセレクターは、現在フォーカスされている要素と一致します。

文法構造:

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

$(":focus")

: フォーカス セレクターは通常、クラス セレクター、要素セレクターなどの他のセレクターと組み合わせて使用​​する必要があります。。例:

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

$("li:focus")

上記のコードは、フォーカスされた li 要素と一致します。
もちろん、このセレクターの前に他のセレクターは追加されませんが、指定されたセレクターが追加されない場合は、デフォルトでユニバーサル セレクター (*) が追加されます。例:

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

$(":focus")

上記のコードは、次のコードと同等です:

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

$("*:focus")

コード例:

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

<頭>




<スクリプトタイプ="text/javascript"> $(document).ready(function(){
$("li:focus").css("color","re​​d"); })

• div CSS エリア


• HTML ゾーン

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