Bagaimanakah Saya Boleh Mencipta Elemen DIV Secara Dinamik dengan Atribut Khusus Menggunakan jQuery?

Menjana Elemen DIV Secara Dinamik menggunakan jQuery

Mencipta elemen DIV secara dinamik menggunakan jQuery ialah proses yang mudah.

Sintaks

As daripada jQuery versi 1.4, anda boleh mencipta elemen DIV dengan atribut tertentu menggunakan sintaks berikut:

jQuery('<div>', {
    attribute1: 'value1',
    attribute2: 'value2',
    ...
}).appendTo('#mySelector');

Atribut

Sintaks ini membolehkan anda menentukan atribut untuk elemen DIV secara langsung. Berikut ialah contoh:

jQuery('<div>', {
    id: 'my-unique-id',
    class: 'container small-padding',
    title: 'This is my custom DIV'
}).appendTo('#main-content');

Menambah pada DOM

Kaedah appendTo() menambah elemen DIV yang baru dibuat pada DOM sebagai anak kepada pemilih yang ditentukan, dalam kes ini #main- kandungan.

Dokumentasi dan Contoh

Anda boleh mendapatkan butiran lanjut tentang ciri ini dalam Dokumentasi jQuery.

Untuk lebih banyak contoh tentang cara mencipta dan memanipulasi elemen secara dinamik menggunakan jQuery, rujuk artikel seperti "jQuery 1.4 Dikeluarkan: 15 Ciri Baharu yang Mesti Anda Tahu".

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mencipta Elemen DIV Secara Dinamik dengan Atribut Khusus Menggunakan jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!