Bagaimana untuk Membuat Elemen Div secara Dinamik dengan Atribut dalam jQuery?

Mencipta Elemen Div Dinamik dalam jQuery

jQuery, rangka kerja JavaScript yang berkuasa, menyediakan cara mudah untuk memanipulasi elemen HTML, termasuk mencipta baharu satu. Artikel ini menangani persoalan tentang cara menambah elemen div pada struktur HTML sedia ada menggunakan jQuery.

Jawapan:

Memandangkan versi jQuery 1.4, elemen tertutup sendiri boleh dicipta dengan atribut yang ditentukan dalam kurungan kerinting. Untuk elemen div, sintaks berikut boleh digunakan:

jQuery('<div>', {
    id: 'some-id',
    class: 'some-class some-other-class',
    title: 'now this div has a title!'
}).appendTo('#mySelector');

Dalam contoh ini, elemen div dengan ID 'some-id', kelas 'some-class' dan 'some-other- kelas', dan tajuk 'sekarang div ini mempunyai tajuk!' dicipta. Ia kemudiannya dilampirkan pada elemen dengan ID 'mySelector'.

Seperti yang diserlahkan dalam dokumentasi jQuery dan dicontohkan dalam artikel seperti "jQuery 1.4 Dikeluarkan: 15 Ciri Baharu yang Mesti Anda Ketahui", kaedah ini menyediakan cara yang fleksibel untuk mencipta dan mengaitkan elemen HTML dalam jQuery secara pemrograman.

Atas ialah kandungan terperinci Bagaimana untuk Membuat Elemen Div secara Dinamik dengan Atribut dalam jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!