jquery mengalih keluar dom

jQuery ialah salah satu perpustakaan JavaScript yang paling popular, dan tapak web rasminya ialah http://jquery.com. Ia boleh memanipulasi HTML DOM dengan mudah, menjimatkan banyak masa dan tenaga pembangun. Satu operasi biasa ialah mengalih keluar elemen DOM. Artikel ini akan menunjukkan kepada anda cara mengalih keluar elemen DOM menggunakan jQuery.

1 Gunakan kaedah remove()

jQuery menyediakan kaedah remove(), yang boleh mengalih keluar elemen yang dipilih secara langsung daripada DOM. Sebagai contoh, kod berikut boleh memadamkan semua elemen dengan "ujian" kelas daripada DOM:

$(".test").remove();

$ here ialah fungsi yang digunakan untuk menanyakan elemen yang memenuhi syarat. $(".test") bermaksud memilih semua elemen dengan kelas "ujian". Selepas memanggil kaedah remove(), elemen ini akan dialih keluar daripada DOM.

2. Gunakan kaedah detach()

Kaedah remove() boleh mengalih keluar elemen daripada DOM, tetapi ia tidak akan menyimpan data dan pengendali peristiwa bagi elemen yang dipadamkan. Jika anda perlu memasukkan semula elemen yang dipadamkan, anda mungkin mahu menggunakan kaedah detach().

Sama seperti kaedah remove(), kaedah detach() juga boleh memilih untuk memadam elemen yang ditentukan, contohnya:

var detachedElement = $(".test").detach();

Dalam contoh ini, semua elemen dengan kelas "ujian" dipilih , Simpannya ke pembolehubah detachedElement dan padamkannya daripada DOM.

Seterusnya, anda boleh memasukkan semula elemen seperti ini:

$("body").append(detachedElement);

Dalam contoh ini, pilih elemen badan dan masukkan elemen detachedElement ke dalamnya.

Contoh ini menunjukkan cara menggunakan kaedah detach() untuk mengalih keluar elemen dan mengekalkannya untuk operasi seterusnya.

3 Gunakan kaedah empty()

Jika anda tidak mahu memadamkan keseluruhan elemen, tetapi perlu mengosongkan kandungan elemen, anda boleh menggunakan kaedah empty() .

$(".test").empty();

Dalam contoh ini, kandungan semua elemen dengan "ujian" kelas akan dikosongkan. Elemen itu sendiri akan kekal dalam DOM.

4. Gunakan kaedah unwrap()

Jika anda mahu memadamkan elemen dan elemen yang terkandung pada masa yang sama, anda boleh menggunakan kaedah unwrap().

$(".test").unwrap()

Dalam contoh ini, semua elemen dengan "ujian" kelas akan dipadamkan dan elemen yang terkandung dalam elemen ini juga akan dipadamkan daripada DOM. Sama seperti kaedah remove(), ia tidak menyimpan data dan pengendali acara elemen yang dialih keluar.

Ringkasan

Di atas memperkenalkan empat kaedah untuk mengalih keluar elemen DOM dalam jQuery. Kaedah remove() boleh memadam secara langsung elemen yang dipilih, yang sangat berguna apabila memadamkan elemen () kaedah boleh memadamkan elemen dan menyimpan data dan pengendali acara untuk operasi berikutnya () kaedah kosong; elemen Tanpa mengalih keluar elemen itu sendiri; kaedah unwrap() mengalih keluar elemen dan elemen yang terkandung di dalamnya. Memilih kaedah berbeza berdasarkan keperluan khusus boleh menjadikan kod anda lebih ringkas dan cekap.

Atas ialah kandungan terperinci jquery mengalih keluar dom. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!