Perbalahan Data jQuery: Bila Perlu Menggunakan $.data() vs. $.attr()?

Perbalahan Data dengan jQuery: $.data vs $.attr

Dalam konteks memanipulasi atribut data dengan jQuery, $.data dan $.attr mempunyai tujuan yang berbeza.

$.data: Data Dalaman Storan

$.data digunakan terutamanya untuk menyimpan data dalam cache dalaman jQuery, $.cache, dan bukannya terus dalam DOM. Apabila data diberikan kepada elemen menggunakan $.data, ia dikaitkan dengan objek elemen, membolehkan objek kompleks dan rujukan disimpan. Selain itu, $.data melakukan penghantaran automatik, menukar data daripada rentetan kepada jenis yang dikenali seperti boolean, nombor dan JSON.

$.attr: Atribut Data HTML5

Sebaliknya, $.attr digunakan untuk menetapkan dan mendapatkan semula atribut data HTML5, yang disimpan sebagai atribut dalam DOM. Atribut ini direka bentuk untuk memudahkan penyimpanan data dengan cara yang standard. Apabila menggunakan atribut data, adalah penting untuk mengambil perhatian penukaran sempang-camelCase yang berlaku. Tanda sempang dalam nama atribut ditukar secara automatik kepada camelCase apabila mengakses data melalui $.data.

Amalan Terbaik

• Untuk data yang diterima daripada pelayan, gunakan $. data untuk menyimpannya pada atribut data elemen DOM.
• Untuk menetapkan atribut data HTML5, gunakan $.attr.
• Apabila mengakses nama atribut data sempang, gunakan versi camelCase dalam JavaScript, kerana ia lebih konsisten.
• Untuk mengekalkan nilai rentetan asal atribut data, gunakan $.attr .
• Untuk penghantaran data automatik, seperti nombor dan rentetan, gunakan $.data.
• Dalam jQuery 1.8 rc 1 dan lebih baru, nilai berangka hanya dihantar secara automatik jika perwakilannya kekal sama. Untuk sintaks berangka alternatif, gunakan operator unari untuk menghantar nilai ke Nombor.

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