data() Yöntemi;

jQuery.data() bize güvenli ve bellek sızıntıları olmadan DOM elementlerine her türlü veriyi eklememizi sağlar.

Örnek

var div = $( "div" )[ 0 ];
jQuery.data( div, "test", {
  first: "Hoşgeldiniz",
  last: "ye"
});
$( "span:first" ).text( jQuery.data( div, "test" ).first );
$( "span:last" ).text( jQuery.data( div, "test" ).last );

Codepen ön izleme;

 

Kullanım şekilleri;

JQuery.data(element);

JQuery.data(key);

JQuery.data(data);

data() Yöntemi;

Gerektiği durumda bir elemente değer atamak ve yine bu değeri gerektiği durumda kullanmanıza imkan tanır. Etiketlere gerektiği durumda bu değerleri aktarabilirsiniz.

Örnek

$(".button1").click(function(){
  $("span").data("greeting", "W3TR");
});
$(".button2").click(function(){
  alert($("span").data("greeting"));
});

Codepen Ön izleme

Kullanım şekilleri;

.data( key, value )
.data( obj )