ホームページ >ウェブフロントエンド >jsチュートリアル >jqueryはすべての子要素を削除できますか?
jquery では、empty() メソッドを使用して、指定した要素のすべての子要素を削除できます。構文形式は "$(selector).empty()" です。empty() メソッドは、すべての子要素を削除できます選択した要素の子要素、子ノードおよびコンテンツが削除されますが、要素自体やその属性は削除されません。
jQuery の detach() メソッドと jQuery の Remove() メソッドを使用して、指定された要素または一致する要素を削除できることはわかっています。 RemoveClass() メソッドと RemoveAttr() メソッドは、指定された要素または一致する要素のクラスまたは属性を削除します。では、要素自体を削除せずに、指定された要素または一致する要素内のサブ要素とノードだけを削除するにはどうすればよいでしょうか?以下に紹介させていただきます。
jQuery の empty() メソッドの説明
empty() メソッドは、選択した要素のすべての子ノードとコンテンツを削除します。このメソッドは、要素自体やその属性を削除しません。 [関連する推奨事項: "jQuery Video"]
文法:
$(selector).empty()
大きな「例」を示します
jQuery の使用 The empty( ) メソッドは、DIV
HTML コード<p id="mochu"> <p>这里是P标签内容</p> <p>这里是第二个P标签的内容</p> </p>JQ コード
$('#button').click(function(){ $("#mochu").empty(); })結果画像 Show
内のすべてのコンテンツを削除します。
監査ソース コードは次のとおりです。 上の図から、ID mochu を持つ p タグ、P タグ、およびその内部のコンテンツがすべてであることがわかります。削除されました! プログラミング関連の知識について詳しくは、プログラミング教育をご覧ください。 !
以上がjqueryはすべての子要素を削除できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。