jqueryアニメーションで要素コンテンツを削除する方法
- 尊渡假赌尊渡假赌尊渡假赌オリジナル
- 2023-05-29 09:25:171092ブラウズ
要素コンテンツを削除するための Jquery アニメーション メソッド: 1. "children()" メソッドを使用して選択した要素のすべての子要素を返し、次に "remove()" メソッドを使用して選択した要素を削除し、子要素。構文は " $(element).children().remove();"; です。 2. "empty()" メソッドを使用して、選択した要素の子要素を削除します。構文は "$(child element ）。空の（）;"。
このチュートリアルのオペレーティング システム: Windows 10 システム、jQuery3.6.0 バージョン、Dell G3 コンピューター。
jquery アニメーションで要素のコンテンツを削除する 2 つのメソッド:
1. Children() メソッドを使用して、選択した要素のすべての直接の子要素を返し、次に使用しますjQueryのremove()メソッドは、選択した要素とその子要素を削除します。
コードは次のとおりです。
<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js"></script><script>$(document).ready(function(){ $("button").click(function(){ $("#div1").children().remove(); });});
</script>
</head>
<body>
<div id="div1" style="height:120px;width:300px;border:1px solid black;background-color:yellow;">
<p>This is some text in the div.</p>
<p>This is a paragraph in the div.</p>
<p>This is another paragraph in the div.</p>
</div>
<br>
<button>删除 div 元素</button
></body>
</html>ブラウザで HTML ファイルを開き、削除ボタンをクリックして、div 要素の内容をクリアします。
#2. jQuery empty() メソッドは、選択した要素の子要素を削除します。
コードは次のとおりです。
<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js"></script>
<script>
$(document).ready(function(){ $("button").click(function(){ $("#div1").empty(); });});
</script>
</head>
<body>
<div id="div1" style="height:100px;width:300px;border:1px solid black;background-color:yellow;">This is some text in the div.
<p>This is a paragraph in the div.</p>
<p>This is another paragraph in the div.</p>
</div>
<br>
<button>清空 div 元素</button>
</body>
</html>ブラウザで HTML ファイルを開き、削除ボタンをクリックして、div 要素の内容をクリアします。
以上がjqueryアニメーションで要素コンテンツを削除する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。