jQuery $.data() vs. $.attr(): Bila Perlu Menggunakan Yang Mana?

Data jQuery vs Attr: Memahami Perbezaan

Dalam jQuery, kedua-dua $.data dan $.attr digunakan untuk memanipulasi atribut dalam DOM elemen. Walau bagaimanapun, ia mempunyai tujuan yang berbeza dan berbeza dalam penggunaan serta tingkah lakunya.

Bila Menggunakan $.data

$.data digunakan terutamanya untuk menyimpan data yang dikaitkan dengan Elemen DOM dalam cache dalaman jQuery ($.cache). Data ini tidak disimpan sebagai atribut HTML pada elemen itu sendiri. Oleh itu, jika anda perlu menyimpan data secara berterusan untuk tujuan pengikatan data atau skrip tersuai, $.data ialah pilihan pilihan.

Contoh:

Bila Menggunakan $.attr

$.attr, di sisi lain tangan, terutamanya menetapkan atau mendapatkan semula atribut data HTML5. Atribut data ini disimpan sebagai atribut pada elemen DOM dan bertujuan untuk menyediakan metadata atau kandungan tambahan.

Contoh:

Pertimbangan Tambahan

• Storan data dengan $.data menyokong kompleks objek, manakala atribut data HTML hanya boleh mengandungi rentetan.
• $.data menghantar nilai secara automatik ke dalam jenis yang sesuai apabila mendapatkan data, seperti menukar "true" kepada boolean.
• $ .attr mengekalkan jenis data asal semasa mendapatkan data.
• Untuk mengelakkan kekeliruan, disyorkan untuk menggunakan camelCase sintaks apabila mengakses data yang disimpan dengan $.data.
• Anda juga boleh menggunakan $.removeAttr untuk mengalih keluar atribut data, yang tidak mempunyai persamaan langsung dengan $.data.

Atas ialah kandungan terperinci jQuery $.data() vs. $.attr(): Bila Perlu Menggunakan Yang Mana?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!