Metode data

Metode data memungkinkan untuk mengikat data jenis apa pun ke elemen DOM dengan cara yang aman, yang menghindari kebocoran memori. Kita dapat menetapkan beberapa nilai berbeda untuk sebuah elemen dan mendapatkannya nanti. Penggunaan metode data untuk memperbarui data tidak mempengaruhi atribut di DOM.

Sintaks

Ini cara kita menetapkan nilai untuk sebuah elemen dengan kunci, yang dapat digunakan untuk menemukannya nanti:

.data(kunci, nilai);

Kita juga dapat meneruskan objek, yang berisi pasangan kunci-nilai untuk memperbarui data:

.data(objek);

Data yang terkait dengan elemen pertama dalam koleksi jQuery dapat diperoleh dengan hanya melewatkan kunci:

.data(kunci);

Tanpa meneruskan parameter apa pun, kita dapat membaca data yang sebelumnya terkait dengan elemen DOM. Metode akan mengembalikan objek JavaScript, yang berisi setiap nilai sebagai properti:

.data();

Contoh

Mari kita gunakan data untuk menetapkan data untuk tag p, dengan meneruskan '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 menampilkan angka 21
console.log($('p').data()); // akan menampilkan objek {test: 21}

Lihat juga

metode removeData,
yang menghapus data dari elemen
metode hasData,
yang memeriksa keberadaan data dalam elemen
metode attr,
yang memungkinkan untuk mendapatkan dan mengubah atribut apa pun dari elemen
Properti JavaScript dataset,
yang memungkinkan untuk menambahkan atribut kustom ke tag