Interaksi dan tindakan pencegahan antara data atribut baru html5-*dan js/jQuery

Contoh menulis

 <Div Data-lole = halaman data-lest-value = 43 data-hidden = true data-options = '{name: John}'> </div>

Atribut data-* digunakan untuk menyimpan data khusus pribadi untuk halaman penyimpanan atau aplikasi.

Data-* Atribut memberi kita kemampuan untuk menanamkan atribut data khusus pada semua elemen HTML.

Data-* Atribut termasuk dua bagian:

• Nama atribut tidak boleh termasuk huruf kapital apa pun, dan setidaknya satu karakter harus tersedia setelah data awalan-
• Nilai atribut bisa berupa string apa saja

Gunakan Nilai Atribut Data-*untuk menggunakan fungsi .data () di jQuery

 Console.log ($ (Div) .data ('LastValue')); adalah: halaman adalah: halaman

Data-** Nama atribut Format nama punuk Penulisan ulang

Atribut data tidak lagi mengakses atau berubah setelah menggunakan atribut data ini untuk pertama kalinya (semua nilai data disimpan di dalam jQuery)

Demonstrasi:

 Console.log ($ (Div) .data ('LastValue')); Div ketiga dalam dokumen, kami output dom // output ini: <div data-lole = page data-dast-value = 43 data-highden = true data-options = '{name: John}'>

Jangan Takut, Anda output lagi

 Console.log ($ (Div) .data ('LastValue'));

Nilainya hanya disimpan di dalam jQuery

Gunakan nilai atribut data-*dengan fungsi .attr () di jQuery

 console.log ($ ('div'). attr ('data-role')); ; // Nilai outputnya adalah: 43

Gunakan fungsi .attr () di jQuery untuk mengatur nilai atribut data-*

 $ ('Div').

Catatan: Nomor yang dapat dibatasi harus dikonversi menjadi penamaan punuk

Di atas adalah interaksi antara data atribut baru html5-*dan js/jQuery yang diperkenalkan oleh editor kepada Anda. pada waktunya Terima kasih banyak atas dukungan Anda untuk situs web VEVB Wulin!