Bagaimana untuk mengalih keluar elemen dengan jquery

Kaedah Jquery untuk mengalih keluar elemen: 1. Gunakan fungsi kosong(), sintaks "nyatakan objek elemen.empty()"; 2. Gunakan fungsi buang(), sintaks "nyatakan elemen object.remove( )"; 3. Gunakan fungsi detach() , sintaksnya ialah "specify element object.detach()".

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi jquery 1.10.2, komputer Dell G3.

Kaedah penyingkiran elemen jQuery

1 kaedah kosong()

Alih keluar elemen padanan daripada koleksi daripada DOM semua. nod anak daripada .
Contoh:

<div class="container">
  <div class="hello">Hello</div>
  <div class="goodbye">Goodbye</div>
</div>

Kaedah pengalihan keluar:

$('.hello').empty();

Kesan:

<div class="container">
   <div class="hello"></div>
   <div class="goodbye">Goodbye</div>
</div>

Jika

mengandungi sebarang bilangan elemen Bersarang , mereka juga akan dialih keluar.
Untuk mengelakkan kebocoran memori, jQuery mula-mula mengalih keluar data dan fungsi pengendalian peristiwa elemen kanak-kanak, dan kemudian mengalih keluar elemen kanak-kanak

2. kaedah remove():

Penerangan: Alih keluar set elemen padanan daripada DOM. (Juga mengalih keluar data peristiwa dan jQuery pada elemen.)

adalah serupa dengan .empty(). .remove() mengalihkan elemen keluar daripada DOM. Apabila kami ingin mengalih keluar elemen itu sendiri, kami menggunakan .remove(), yang juga akan mengalih keluar semua di dalam elemen, termasuk peristiwa terikat dan data jQuery yang berkaitan dengan elemen

Contoh:

<div class="container">
  <div class="hello">Hello</div>
  <div class="goodbye">Goodbye</div>
</div>

Kaedah penyingkiran:

$('.hello').remove();
或者用
$('div').remove('.hello');

Kesan:

<div class="container">
   <div class="goodbye">Goodbye</div>
</div>

Maksudnya, p yang sepadan dengan kelas juga dialih keluar

3. kaedah detach():

Alih keluar semua elemen padanan daripada DOM

detach() Kaedahnya sama seperti .remove(), kecuali .detach() menyimpan semua data jQuery yang dikaitkan dengan elemen yang dialih keluar. Kaedah ini berguna apabila elemen perlu dialih keluar dan kemudian dimasukkan ke dalam DOM.

4. kaedah html(""):

kaedah html() mengembalikan elemen yang dipilih jika tiada parameter ditetapkan. kandungan semasa. html("") mengosongkan kandungan semasa elemen yang dipilih. Kaedah

empty() mengalih keluar semua kandungan daripada elemen yang dipilih, termasuk semua teks dan nod anak.

Kesan akhir kedua-duanya adalah sama

• html() nilai pulangan: String, yang bermaksud ia boleh diterima menggunakan pembolehubah

• nilai pulangan kosong(): jQuery tidak boleh menggunakan pembolehubah untuk menerima

Selain itu:

kaedah empty() tidak mempunyai parameter, dan subset dan teks yang dikosongkan tidak boleh dipulihkan. Kaedah detach() dan remove() boleh menyimpannya dalam pembolehubah
Contohnya, isytiharkan pembolehubah p dan tulis dalam bentuk berikut

var p=$('p').remove();

Apabila anda perlu menambahnya semula, anda boleh tambahkannya terus seperti berikut

p.appendTo("body");

Ini adalah fungsi kedua-dua kaedah detach() dan remove(). Perbezaan antara remove() dan detach() ialah remove() boleh memadam kelas tertentu seperti remove('a'), tetapi detach() tidak boleh melakukan ini.

Juga ambil perhatian bahawa apabila anda menggunakan kaedah remove() untuk mengalih keluar elemen dan kemudian menambahkannya, peristiwa subset tidak akan wujud, tetapi peristiwa subset detach() masih boleh dilaksanakan.

[Pembelajaran yang disyorkan: tutorial video jQuery, video pembangunan bahagian hadapan web]

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