ホームページ >ウェブフロントエンド >フロントエンドQ&A >jqueryで要素オブジェクトを削除する方法
jqueryで要素オブジェクトを削除する方法
- WBOYオリジナル
- 2022-06-13 17:27:412912ブラウズ
要素オブジェクトを削除する Jquery メソッド: 1. "$(selector)" を使用して、指定された要素の要素オブジェクトを取得します; 2. 取得した要素を削除するには、remove() メソッドまたは detach() メソッドを使用します。はい、構文は「element object.remove()」および「element object.detach()」です。
このチュートリアルの動作環境: Windows10 システム、jquery3.6.0 バージョン、Dell G3 コンピューター。
jquery で要素オブジェクトを削除する方法
1. 指定した要素の要素オブジェクトを取得します
構文は次のとおりです。 ##
$(selector)
2. 要素オブジェクトの削除
$(selector).remove()(2) detach() メソッドは、すべてのテキストおよび子ノードを含む、選択された要素を削除します。その後、データとイベントを永続化します。 このメソッドは、削除された要素のコピーを保持し、後で再挿入できるようにします。 構文は次のとおりです:
$(selector).detach()例は次のとおりです:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$(".bt1").click(function(){
$(".p1").remove();
});
$(".bt2").click(function(){
$(".p2").detach();
});
});
</script>
</head>
<body>
<p class="p1">这是一个段落。</p>
<p class="p2">这是另一个段落。</p>
<button class="bt1">remove移除P元素</button>
<button class="bt2">detach移除P元素</button>
</body>
</html>出力結果:
# #ビデオ チュートリアルの推奨事項 ：
以上がjqueryで要素オブジェクトを削除する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。