Contoh menulis
<Div Data-lole = halaman data-lest-value = 43 data-hidden = true data-options = '{name: John}'> </div> 1. Definisi: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.
2. Perhatikan:Data-* Atribut termasuk dua bagian:
Gunakan Nilai Atribut Data-*untuk menggunakan fungsi .data () di jQuery
Console.log ($ (Div) .data ('LastValue')); adalah: halaman adalah: halaman Tindakan pencegahanData-** 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: 43Gunakan fungsi .attr () di jQuery untuk mengatur nilai atribut data-*
$ ('Div').Catatan: Nomor yang dapat dibatasi harus dikonversi menjadi penamaan punuk
MeringkaskanDi 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!