jQuery DOM Sisipkan Panduan Operasi Nod_jquery

WBOY
Lepaskan: 2016-05-16 16:11:17
asal
1090 orang telah melayarinya

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.

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