Bagaimanakah Saya Boleh Mencipta Elemen DOM Dengan Cekap Menggunakan jQuery?

Mencipta Elemen DOM dengan jQuery

Dalam keinginan anda untuk meningkatkan kod JavaScript anda, anda ingin tahu tentang memanfaatkan fungsi jQuery untuk memudahkan manipulasi DOM .

jQuery menawarkan cara alternatif untuk mencipta elemen DOM, seperti yang anda telah lakukan perasan dengan $.create("div"). Walau bagaimanapun, pendekatan ini bukan sebahagian daripada API teras jQuery dan mungkin tidak selalu boleh dipercayai.

Untuk penyelesaian yang lebih cekap dan piawai, pertimbangkan perkara berikut:

this.$OuterDiv = $('<div></div>')
    .hide()
    .append($('<table></table>')
        .attr({ cellSpacing : 0 })
        .addClass("text")
    )
;

Kod ringkas ini mencapai sama seperti JavaScript asal anda oleh:

• Mencipta
  elemen menggunakan $('

  ).
• Menyembunyikan dengan .hide().
• Melampirkan elemen dengan $.append(), menetapkan sifatnya dan menambah kelas.

Hasil Penandaarasan

Mengenai prestasi kaedah penciptaan elemen yang berbeza, penanda aras mendedahkan dokumen itu.createElement adalah yang terpantas. Walau bagaimanapun, perbezaan masa antara kaedah adalah minimum dalam versi moden jQuery (cth., 3 milisaat setiap seribu elemen).

Dikemas kini untuk jQuery 1.7.2

The penanda aras telah dikemas kini dengan jQuery 1.7.2 dan boleh didapati di http://jsben.ch/#/ARUtz untuk maklumat lanjut hasil penerokaan dan sumber orang ramai.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mencipta Elemen DOM Dengan Cekap Menggunakan jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!