Kaedah data

Kaedah data membolehkan mengikat data sebarang jenis kepada elemen DOM dengan cara yang selamat, yang mengelakkan kebocoran memori. Kita boleh menetapkan beberapa nilai berbeza untuk elemen dan mendapatkannya kemudian. Penggunaan kaedah data untuk mengemas kini data tidak menjejaskan atribut dalam DOM.

Sintaks

Beginilah cara kita menetapkan nilai untuk sesuatu elemen dengan kunci, yang boleh digunakan untuk mencarinya kemudian:

.data(kunci, nilai);

Kita juga boleh menghantar objek, yang mengandungi pasangan kunci-nilai untuk mengemas kini data:

.data(objek);

Data yang dikaitkan dengan elemen pertama dalam koleksi jQuery boleh didapatkan dengan hanya menghantar kunci:

.data(kunci);

Dengan tidak menghantar sebarang parameter, kita boleh membaca data yang sebelum ini dikaitkan dengan elemen DOM. Kaedah ini akan mengembalikan objek JavaScript, mengandungi setiap nilai sebagai sifat:

.data();

Contoh

Mari gunakan data untuk menetapkan data untuk tag p, dengan menghantar 'test' sebagai parameter pertama dan nilai 21 untuk yang kedua. Kemudian baca data yang disimpan dengan kunci 'test':

<p>teks</p>

$('p').data('test', 21); // di sini data ditulis

console.log($('p').data('test')); // akan memaparkan nombor 21
console.log($('p').data()); // akan memaparkan objek {test: 21}

Lihat juga

kaedah removeData,
yang memadam data daripada elemen
kaedah hasData,
yang menyemak kewujudan data dalam elemen
kaedah attr,
yang membolehkan mendapatkan dan mengubah sebarang atribut elemen
Sifat JavaScript dataset,
yang membolehkan menambah atribut sendiri kepada tag