jQuery DOM panduan operasi nod pemadaman_jquery

Contoh berikut mungkin menggunakan kod HTML berikut:

Salin kod Kod adalah seperti berikut:

• Apple


• Pisang


• Oren


• Anggur


• Strawberi

1. kaedah buang():

Fungsi: Alih keluar semua elemen padanan daripada DOM Parameter yang diluluskan digunakan untuk menapis elemen berdasarkan ungkapan jQuery.

Sebagai contoh, untuk memadamkan nod elemen

kedua dalam nod

dalam gambar di atas, kod jQuery adalah seperti berikut:
Salin kod Kod adalah seperti berikut:

$(dokumen).sedia(fungsi() {
$("ul li:eq(1)").buang();
});


Apabila nod dipadamkan menggunakan kaedah remove(), semua nod keturunan yang terkandung dalam nod akan dipadamkan pada masa yang sama. Nilai pulangan kaedah ini adalah rujukan kepada nod yang dipadamkan, jadi elemen boleh digunakan semula kemudian. Kod jQuery berikut menunjukkan bahawa selepas elemen dipadamkan menggunakan kaedah remove(), ia masih boleh digunakan.

Salin kod Kod adalah seperti berikut:

var $li=$("ul li:eq(1)").remove();
$li.appendTo("ul"); //Tambah semula nod yang dipadamkan pada elemen


Anda boleh terus menggunakan ciri kaedah appendTo() untuk memudahkan kod di atas:
Salin kod Kod adalah seperti berikut:
$("ul li:eq(1)").appendTo("ul");//Kaedah appendTo() juga boleh digunakan untuk memindahkan elemen Apabila memindahkan elemen, mula-mula padamkan elemen daripada dokumen, dan kemudian masukkan elemen ke dalam Nod yang ditentukan dalam dokumen.


Selain itu, kaedah remove() juga boleh secara selektif memadamkan elemen dengan menghantar parameter:
Salin kod Kod adalah seperti berikut:
$("ul li").remove("li[title='t1']");



2. kaedah detach():

Detach(), seperti remove(), juga mengalih keluar semua elemen padanan daripada DOM. Walau bagaimanapun, perlu diingatkan bahawa kaedah ini tidak akan mengalih keluar elemen padanan daripada objek jQuery, sekali gus membolehkan anda menggunakan semula elemen padanan ini pada masa hadapan. Berbeza daripada remove(), semua peristiwa terikat, data lampiran, dsb. akan dikekalkan.
Melalui contoh berikut, anda boleh mengetahui perbezaan antara kaedah tersebut dan kaedah remove():
Salin kod Kod adalah seperti berikut:
$("ul li").klik(function(){
makluman($(this).html());
})
var $li=$("ul li:eq(1)").detach(); //Padam elemen
$li.appendTo("ul"); //Tambahkan semula elemen ini dan ketahui bahawa peristiwa yang terikat sebelum ini masih ada menjadi tidak sah;


3. kaedah kosong()

Tegasnya, kaedah empty() tidak memadamkan nod, tetapi mengosongkan nod Ia boleh mengosongkan semua nod keturunan dalam elemen.

Salin kod Kod adalah seperti berikut:
$("ul li:eq(1)").kosong();//Selepas mendapatkan nod elemen
• yang kedua, kosongkan kandungan dalam elemen ini.
  
  
  
  Hasil selepas berlari ialah:

  Apabila kod dijalankan, kandungan elemen

• kedua dikosongkan, hanya meninggalkan simbol lalai

• Di atas adalah semua kandungan yang diterangkan dalam artikel ini, saya harap anda semua menyukainya.