jQuery Data - Metode data()

Panduan Referensi Data jQuery

Contoh

Menambahkan data ke elemen, lalu mengambil kembali data itu:

$("#btn1").click(function(){
  $("div").data("greeting", "Hello World");
});
$("#btn2").click(function(){
  alert($("div").data("greeting"));
});

Coba Sendiri

Definisi dan Penggunaan

Metode data() menambahkan data ke elemen yang dipilih atau mengambil data dari elemen yang dipilih.

Mengembalikan data dari elemen

Mengembalikan data yang ditambahkan ke elemen yang dipilih.

Sintaksis

$(selector).data(name)
Parameter Deskripsi
name

Pilihan. Menentukan nama data yang akan diambil kembali.

Jika nama tidak ditentukan, metode ini akan mengembalikan semua data yang disimpan di elemen dalam bentuk objek.

Menambahkan data ke elemen

Menambahkan data ke elemen yang dipilih.

Sintaksis

$(selector).data(name,value)
Parameter Deskripsi
name Diperlukan. Menentukan nama data yang akan disetel.
value Diperlukan. Menentukan nilai data yang akan disetel.

Menambahkan data ke elemen menggunakan objek

Gunakan objek dengan pasangan nama/nilai untuk menambahkan data ke elemen yang dipilih.

Sintaksis

$(selector).data(object)

Coba Sendiri

Parameter Deskripsi
object Diperlukan. Menentukan objek yang mengandung pasangan nama/nilai.

Panduan Referensi Data jQuery