.data() in Jquery code example
Example 1: jquery data attribute
<a data-number="123">link</a>
$(this).attr("data-number")
$(this).data("number")
Example 2: jquery data
$( "body" ).data( "foo", 52 );
$( "body" ).data( "bar", { isManual: true } );
$( "body" ).data( { baz: [ 1, 2, 3 ] } );
$( "body" ).data( "foo" );
$( "body" ).data();
Example 3: jquery get data attribute
<a data-id="123">link</a>
var id = $(this).data("id");
Example 4: jquery data attribute
data attribute in jquery
For setting attribute data to the element
Html
<p id="assign">Assigning data attribute</p>
jquery
$("#assign").data("title","firstparagraph");
Output:
<p id="assign" data-title="firstparagraph">Assigning data attribute</p>
For getting attribute data from the element
Html
<p id="assign" data-title="firstparagraph">Assigning data attribute</p>
jquery
console.log($("#assign").data("title"));
console.log($("#assign").data());
Output:
firstparagraph
{ title: firstparagraph }