masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > tutorial js > jQuery DOM panduan operasi nod pemadaman_jquery

jQuery DOM panduan operasi nod pemadaman_jquery

WBOY
Lepaskan： 2016-05-16 16:11:20
asal
999 orang telah melayarinya

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.

    • Label berkaitan：
    dom jquery Padamkan nod
    sumber：php.cn
    Artikel sebelumnya：JavaScript menetapkan kaedah untuk mendapatkan dan menetapkan petua attributes_javascript Artikel seterusnya：pemalam jquery melaksanakan ketinggian automatik kotak teks berbilang baris [textarea]_jquery
    Kenyataan Laman Web ini
    Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
    Artikel terbaru oleh pengarang
    Isu terkini
    Hantar borang tanpa butang menggunakan Javascript/Jquery Saya cuba menyerahkan borang tanpa butang dengan memanggil fungsi JavaScript dan melaksana...
    daripada 2024-04-06 14:54:03
    0
    2
    421
    Bagaimana untuk mendapatkan semula nilai baris yang tidak dipilih dalam jadual data HTML menggunakan jquery Saya cuba mendapatkan nilai semua baris di mana butang tidak diklik. Sebagai contoh, apabi...
    daripada 2024-04-05 09:26:49
    0
    1
    1418
    Perlukan skrip jquery untuk mengalihkan pilihan yang dipilih dari kotak pilihan berdasarkan pemilihan semasa pengguna akhir Saya mempunyai halaman HTML di mana pengguna akhir boleh meletakkan kedudukan item kami me...
    daripada 2024-04-04 18:40:04
    0
    1
    3528
    Saya telah mencipta elemen dalam CSS tulen melalui penanda halaman. Ia dicipta tetapi tidak kelihatan Kod saya adalah seperti berikut: g=document.createElement('div');g.setAttribute("id&q...
    daripada 2024-04-04 17:27:27
    0
    1
    417
    Tidak dapat menghantar data borang pada iOS Safari/Firefox Ini berfungsi pada semua platform kecuali Safari/Firefox pada iOS: jQuery("#gform_1&q...
    daripada 2024-04-04 12:53:48
    0
    1
    303
    Topik-topik yang berkaitan
    Lagi>
    Cadangan popular
    Tutorial Popular
    Lagi>
    Tutorial berkaitan
    Cadangan popular
    Kursus terkini
    Muat turun terkini
    Lagi>
    kesan web
    Kod sumber laman web
    Bahan laman web
    Templat hujung hadapan