Data Atribut Dalam Html Dan Jquery

Kadang-kadang Atribut Html Yang Ada Tidak Cukup untuk menggambarkan isi suatu elemen.
Kita dapat Menggunakan Class,ref,rel,title dan banyak lagi,Tetapi bahkan ada kesempatan di mana itu tidak cukup.Alamat Html 5 Masalah ini dengan pengenalan data atribut,yang memungkinkan anda untk menambahkan Meta Data Sederhana Untuk Elemen Individual sebagian besar untuk tujuan memberikan informasi untuk membuat fungsi javascript Lebih mudah.
Syntax adalah kunci:Nilai pasangan,dengan kunci menjadi kata kunci diawali dengan data-, seperti.

<div data-foo="bar"></div>

Note:Ini Tidak Di maksudkan Bersaing dengan atau menggantikan Microformats atau RDFa Data Atribut Tersebut di kembangkan hanya untuk "Custom data penyimpan [Tentang Unsur] Bila Tidak ada Atribut Lebih Tepat atau elemen yang tersedia".


Jquery Memperkenalkan Dukungan Untuk Data Atribut Dalam Versi 1.4.3 yang dirilis pada bulan oktober 2010.Anda menggunakan data() yang ada metode untuk mendapatkan dan menetapkan nilai-nilai.mendapatkan nilai melibatkan hanya menggunakan kata kunci,seperti dalam contoh ini yang beropersai di Markup di atas:

var baz = $('div').data('foo');

Hal ini akan menetapkan nilai dari "Bar" Pada Variable Baz.Implemenation Jquery adalah Bahwa Variable akan mengambil pada jenis nilai yang benar-string,angka,boolean-secara otomatis.Dalam contoh di atas akan sebuah string Tetapi Markup seperti ini:

<div data-retail="3.99"></div>

Nilai dari Variabel akan di sediakan sebagai jenis nomor.Anda juga dapat menggunakan Syntax JSON dalam Atribut Data Seperti:

<div data-foobar='{"foo":"bar"}'></div>

Perhatikan Bahwa Atribut Menggunakan tanda kutip tunggal sementara Tombol:Nilai pasangan di dalam tanda kutip ganda;ini di perlukan untuk berlaku JSON Syntax,untuk mengakses ini dengan Jquery,tambahkan saja nama kunci sebagai objek pada akhir string:

var baz = $('div').data('foobar').foo;

Ini akan menginstuksikan Baz Variabel Untuk Memilik "Bar" Nilai

ARTIKEL TERKAIT