cara mudah untuk membersihkan kandungan div menggunakan jQuery

Kosongkan kandungan div dengan hanya satu baris kod jQuery mudah:

$('#div').empty();

Maklumat lanjut:

http://miracleart.cn/link/83737bd24629509312dfb95953407119

cara lain ialah menggunakan

kaedah: remove()

$('#div').remove();

Maklumat lanjut:

http://miracleart.cn/link/e3d3df46b70f76b21404bf38e34f3802

Soalan Lazim untuk membersihkan kandungan div dengan jQuery (FAQs)

1.

JQuery adalah perpustakaan JavaScript yang kuat yang memudahkan dokumen HTML Traversal, pemprosesan acara, animasi dan interaksi AJAX, dengan itu mempercepat pembangunan web. Salah satu kegunaannya adalah untuk membersihkan atau membersihkan kandungan div. Ini amat berguna apabila anda perlu mengemas kini kandungan div secara dinamik tanpa menyegarkan keseluruhan halaman. Sebagai contoh, anda mungkin ingin membersihkan borang selepas menyerahkan borang, atau menyegarkan bahagian halaman berdasarkan interaksi pengguna.

2.

Kaedah .empty() dalam jQuery digunakan untuk memadam semua nod kanak -kanak set elemen yang sepadan, termasuk nod teks. Ia pada dasarnya membersihkan kandungan elemen yang dipilih. Walau bagaimanapun, ia tidak memadam elemen itu sendiri atau sifatnya. Sebagai contoh, jika anda mempunyai div dengan ID dan unsur -unsur kanak -kanak, menggunakan akan memadam semua elemen kanak -kanak, tetapi div dan IDnya akan dipelihara.

.empty() 3. .empty()

Ya. JQuery membolehkan anda memilih elemen tertentu menggunakan pemilih CSS. Sebagai contoh, jika anda ingin membersihkan div dengan ID tertentu, anda boleh menggunakan pemilih ID (#) diikuti oleh ID div. Selepas memilih div, anda boleh membersihkan kandungannya menggunakan kaedah .

4. .empty()

Walaupun kaedah dan .empty() dalam jQuery digunakan untuk mengendalikan DOM, fungsi mereka berbeza. Kaedah .remove() memadam semua kanak -kanak elemen yang dipilih dan membersihkan kandungannya dengan berkesan. Sebaliknya, kaedah memadam elemen yang dipilih itu sendiri, serta semua nod anaknya dan pengendali acara. Oleh itu, jika anda ingin membersihkan kandungan div tanpa mengeluarkan div itu sendiri, anda harus menggunakan

.

.empty() .remove() 5. .empty() .remove() .empty() Ya. Walaupun

adalah cara yang paling langsung untuk membersihkan kandungan div dalam jQuery, ada cara lain untuk mencapai hasil yang sama. Sebagai contoh, anda boleh menggunakan kaedah

atau dan mengambil rentetan kosong sebagai hujah. Ini akan menggantikan kandungan semasa div dengan rentetan kosong, dengan itu dengan berkesan membersihkan div. .empty()

6.

.empty()

Jika anda tidak mahu menggunakan jQuery atau jQuery tidak tersedia, anda boleh menggunakan JavaScript tulen untuk membersihkan kandungan div. Anda boleh memilih div menggunakan document.getElementById() atau document.querySelector() dan tetapkan harta innerHTML ke rentetan kosong. Ini akan membersihkan kandungan div.

7.

Ya. JQuery menyediakan beberapa kaedah pengendalian acara, termasuk .click(), yang boleh anda gunakan untuk mengikat acara klik ke butang. Dalam pengendali acara klik, anda boleh memilih div dan membersihkan kandungannya menggunakan .empty() apabila mengklik butang.

8.

anda boleh membersihkan kandungan div apabila borang dikemukakan dengan mengikat acara penyerahan ke borang. Dalam pengendali acara komit, anda boleh memilih div dan membersihkan kandungannya menggunakan .empty(). Ingatlah untuk menggunakan event.preventDefault() untuk mengelakkan penyerahan sebenar borang dan penyegaran halaman.

9.

Ya. JQuery menyediakan kaedah .setInterval() yang boleh anda gunakan untuk melaksanakan fungsi berulang kali pada selang waktu yang ditentukan. Dalam fungsi ini, anda boleh memilih div dan secara berkala membersihkan kandungannya dengan .empty().

10.

Ya. JQuery menyediakan beberapa kaedah pengendalian acara, seperti .click(), .hover(), .keydown(), dan lain -lain, yang boleh anda gunakan untuk mengikat peristiwa ke pelbagai interaksi pengguna. Dalam pengendali acara, anda boleh memilih div dan membersihkan kandungannya menggunakan .empty() mengikut interaksi pengguna.

Atas ialah kandungan terperinci JQuery Clear Div Isi. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!