jQuery の場合: 空のセレクターの使用例 example_jquery

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

このセレクターは、子要素やテキストを含まないすべての空の要素に一致します。

注: スペースもセレクターに含まれる要素です。

文法構造:

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

$(":empty")

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

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

$("li:empty").animate({width:" 200px"} )

上記のコードは、カスタム アニメーションで li 要素コレクション内の空の li 要素の幅を 200px に設定できます。

コード例:

例 1:

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

<頭>





<スクリプトタイプ="text/javascript"> $(document).ready(function(){
$("ボタン").click(function(){
$("li:empty").animate({width:"200px"}); })
})

• html エリア


• div CSS エリア


• JQuery ゾーン


• JavaScript ゾーン

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

例 2:

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

<頭>





<スクリプトタイプ="text/javascript"> $(document).ready(function(){
$("ボタン").click(function(){
$("*:empty").animate({width:"200px"}); })
})

• html エリア


• div CSS エリア


• JQuery ゾーン


• JavaScript ゾーン

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

上記のコードでは、:empty セレクターで使用されるセレクターが指定されていないため、デフォルトで * セレクターで使用され、カスタム アニメーションのすべての要素の空の要素の長さを 200px に設定できます。

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