ホームページ > ウェブフロントエンド > jsチュートリアル > jqueryはすべての子要素を削除できますか?

jqueryはすべての子要素を削除できますか?

青灯夜游
リリース: 2020-11-19 13:44:40
オリジナル
3355 人が閲覧しました

jquery では、empty() メソッドを使用して、指定した要素のすべての子要素を削除できます。構文形式は "$(selector).empty()" です。empty() メソッドは、すべての子要素を削除できます選択した要素の子要素、子ノードおよびコンテンツが削除されますが、要素自体やその属性は削除されません。

jqueryはすべての子要素を削除できますか?

jQuery の detach() メソッドと jQuery の Remove() メソッドを使用して、指定された要素または一致する要素を削除できることはわかっています。 RemoveClass() メソッドと RemoveAttr() メソッドは、指定された要素または一致する要素のクラスまたは属性を削除します。では、要素自体を削除せずに、指定された要素または一致する要素内のサブ要素とノードだけを削除するにはどうすればよいでしょうか?以下に紹介させていただきます。

jQuery の empty() メソッドの説明

empty() メソッドは、選択した要素のすべての子ノードとコンテンツを削除します。このメソッドは、要素自体やその属性を削除しません。 [関連する推奨事項: "jQuery Video"]

文法:

$(selector).empty()
ログイン後にコピー

大きな「例」を示します

jQuery の使用 The empty( ) メソッドは、DIV

jqueryはすべての子要素を削除できますか?

HTML コード

<p id="mochu">
  <p>这里是P标签内容</p>
  <p>这里是第二个P标签的内容</p>
</p>
ログイン後にコピー

JQ コード

$(&#39;#button&#39;).click(function(){
  $("#mochu").empty();
})
ログイン後にコピー
結果画像 Show

内のすべてのコンテンツを削除します。

監査ソース コードは次のとおりです。

jqueryはすべての子要素を削除できますか?

上の図から、ID mochu を持つ p タグ、P タグ、およびその内部のコンテンツがすべてであることがわかります。削除されました!

プログラミング関連の知識について詳しくは、

プログラミング教育をご覧ください。 !

以上がjqueryはすべての子要素を削除できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート