Rumah >masalah biasa >Bagaimana untuk mengalih keluar kandungan elemen dengan animasi jquery
Bagaimana untuk mengalih keluar kandungan elemen dengan animasi jquery
- 尊渡假赌尊渡假赌尊渡假赌asal
- 2023-05-29 09:25:171141semak imbas
Cara mengalih keluar kandungan elemen dengan animasi jquery: 1. Gunakan kaedah "children()" untuk mengembalikan semua elemen anak elemen yang dipilih, dan kemudian gunakan kaedah "remove()" untuk memadamkan elemen yang dipilih dan elemen anak. Sintaksnya ialah " $(elemen).children().remove();"; elemen).kosong();".
Sistem pengendalian untuk tutorial ini: Sistem Windows 10, versi jQuery 3.6.0, komputer Dell G3.
Dua kaedah untuk animasi jquery untuk mengalih keluar kandungan elemen:
1 Gunakan kaedah children() untuk mengembalikan semua elemen anak langsung bagi elemen yang dipilih, dan kemudian gunakan Kaedah jQuery remove( ) memadamkan elemen yang dipilih dan elemen anaknya.
Kod adalah seperti berikut:
<!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>Buka fail html dengan penyemak imbas, klik butang padam dan kosongkan kandungan dalam elemen div.
2. Kaedah jQuery empty() memadamkan elemen anak bagi elemen yang dipilih.
Kod adalah seperti berikut:
<!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>Buka fail html dengan penyemak imbas, klik butang padam dan kosongkan kandungan dalam elemen div.
Atas ialah kandungan terperinci Bagaimana untuk mengalih keluar kandungan elemen dengan animasi jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!