Rumah >hujung hadapan web >tutorial js >jQuery DOM Sisipkan Panduan Operasi Nod_jquery

jQuery DOM Sisipkan Panduan Operasi Nod_jquery

WBOY
WBOYasal
2016-05-16 16:11:171124semak imbas

prependTo()selepas()Sisipkan kandungan selepas setiap elemen padanan
Kaedah Penerangan Contoh
tambah() Tambahkan kandungan di dalam setiap elemen padanan

Kod HTML:

Saya ingin katakan:

Kod jQuery:

$("p").append("Hello");

Hasil:

Saya ingin mengucapkan:Hello

tambahkepada()

Tambahkan semua elemen padanan pada elemen yang ditentukan

. Sebenarnya, menggunakan kaedah ini adalah untuk membalikkan konvensyen

Operasi $(A).append(B) dalam

adalah untuk menambahkan A ke B.

Kod HTML:

Saya ingin katakan:

Kod jQuery:

$("Hello").appendTo("p")

Hasil:

Saya ingin mengucapkan:Hello

prepend() Tambahkan kandungan di dalam setiap elemen padanan Kod HTML:

Saya ingin katakan:

Kod jQuery:

$("p").prepend("Hello")

Hasil:

HeloSaya ingin mengucapkan:

Tambahkan semua elemen padanan pada elemen yang ditentukan

. Malah, menggunakan kaedah ini adalah terbalik

Kendalian $(A).prepend(B) biasa.

Kod HTML:

Saya ingin katakan:

Kod jQuery:

$("Hello").prependTo("p")

Hasil:

HelloSaya ingin mengucapkan:

Kod HTML:

Saya ingin katakan:

Kod jQuery:

$("p").selepas("Hello")

Hasil:

Saya ingin mengucapkan:

Hello

insertAfter()

Masukkan semua elemen padanan ke dalam elemen yang ditentukan

Selepas elemen, sebenarnya, gunakan kaedah ini

Terbalikkan operasi $(A).selepas(B) biasa

Kod HTML:

Saya ingin katakan:

Kod jQuery:

$("Hello").insertAfter("p")

Hasil:

Saya ingin mengucapkan:

Hello

sebelum() Sisipkan kandungan sebelum setiap elemen yang dipadankan

Kod HTML:

Saya ingin katakan:

Kod jQuery:

$("p").sebelum("Hello")

Hasil:

Hello

Saya ingin mengucapkan:

masukkanSebelum()

Masukkan semua elemen padanan ke dalam indeks

Bahagian hadapan elemen tertentu. Sebenarnya,

Menggunakan kaedah ini adalah untuk membalikkan konvensyen

's $(A).sebelum (B) operasi.

Kod HTML:

Saya ingin katakan:

Kod jQuery:

$("Hello").insertBefore("p")

Hasil:

Hello

Saya ingin mengucapkan:

Di atas adalah keseluruhan kandungan artikel ini, saya harap anda semua menyukainya.

Kenyataan:
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