data Metodu

data metodu, herhangi bir türdeki verileri DOM öğelerine bellek sızıntılarından kaçınarak güvenli bir şekilde bağlamamıza olanak tanır. Bir öğe için birkaç farklı değer ayarlayabilir ve daha sonra bunları alabiliriz. Verileri güncellemek için data metodunu kullanmak, DOM'daki nitelikleri etkilemez.

Sözdizimi

Bir öğe için, daha sonra bulunabileceği bir anahtar ve değeri şu şekilde ayarlarız:

.data(anahtar, değer);

Ayrıca, verileri güncellemek için anahtar-değer çiftleri içeren bir nesne de iletebiliriz:

.data(nesne);

Sadece anahtar ileterek, jQuery koleksiyonundaki ilk öğe ile ilişkili veriler alınabilir:

.data(anahtar);

Herhangi bir parametre iletmeden, daha önce DOM öğeleriyle ilişkilendirilmiş verileri okuyabiliriz. Metot, her değeri bir özellik olarak içeren bir JavaScript nesnesi döndürecektir:

.data();

Örnek

data kullanarak, ilk parametre olarak 'test' ve ikinci parametre olarak 21 değerini ileterek p etiketi için veri ayarlayalım. Daha sonra 'test' anahtarıyla kaydedilmiş verileri okuyalım:

<p>metin</p>

$('p').data('test', 21); // veri burada yazılır

console.log($('p').data('test')); // 21 sayısını çıkarır
console.log($('p').data()); // {test: 21} nesnesini çıkarır

Ayrıca Bakınız

Bir öğeden verileri kaldıran removeData metodu
Bir öğede veri olup olmadığını kontrol eden hasData metodu
Bir öğenin herhangi bir niteliğini almayı veya değiştirmeyi sağlayan attr metodu
Etiketlere özel nitelikler eklemeyi sağlayan JavaScript dataset özelliği