Bagaimana untuk memadam elemen dengan mengklik dalam jquery

WBOY
Lepaskan: 2021-11-22 14:29:12
asal
3983 orang telah melayarinya

Kaedah: 1. Gunakan kaedah klik() untuk mengikat acara klik pada elemen butang dan nyatakan fungsi pengendali acara 2. Gunakan kaedah buang() dalam fungsi pengendali untuk memadamkan elemen, dan sintaksnya ialah "$(" Butang Elemen").klik(fungsi(){$("Elemen untuk dialih keluar").buang();})".

Bagaimana untuk memadam elemen dengan mengklik dalam jquery

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

Bagaimana jquery boleh memadamkan elemen dengan satu klik

Langkah pertama ialah memadamkan elemen yang dipilih melalui jquery's remove (), buang() elemen dan sub-elemen.

Langkah kedua ialah memperkenalkan cara memadam elemen dengan jQuery melalui contoh Cipta halaman html baharu, perkenalkan jquery.js, tambah kotak div pada badan halaman, tambah dua perenggan pada kotak div, dan padamkan butang div, panggil kaedah $("#div1").remove() dalam js untuk memadamkan elemen, seperti yang ditunjukkan dalam rajah di bawah:

Bagaimana untuk memadam elemen dengan mengklik dalam jquery

Langkah ketiga ialah membuka html dalam pelayar Selepas halaman, anda boleh melihat kotak div dan dua perenggan Klik butang alih keluar elemen div, seperti yang ditunjukkan di bawah:

Bagaimana untuk memadam elemen dengan mengklik dalam jquery

<.>Selepas mengklik butang:

Bagaimana untuk memadam elemen dengan mengklik dalam jquery

Tutorial video berkaitan yang disyorkan:

tutorial video jQuery

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

Label berkaitan:
sumber:php.cn
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan