jQuery data method gives you the ability to associate arbitrary data with HTML DOM nodes and JavaScript objects.
As of jQuery 1.4.3, you have the ability to use this method on JavaScript objects and call for element modification.
jQuery.data() method store arbitrary data associated with the specified element or returns the value that was set.
Syntax:
$(selector).data(name); $(selector).data(name,value);
$("#myDiv").data("key","value");
You can pass the object as well:
$("#myDiv").data({"name":"John","age":30});
Above example is same as:
$("#myDiv").data("name","John").data("age",30);
Read Also: Select an element with multiple classes in jQuery
You can get the value by calling it in a single parameter:
var name = $("#myDiv").data("name"); // Returns "John"
Internally, jQuery creates an empty object i.e. $.cache, which is used to store the values that you set via the data method.
Get more details from jQuery documentation.
Based on United States, Jacob Frazier is a skilled JavaScript developer with over 8 years of experience. He is passionate about change and trying new things, both professionally and personally. He loves startups and is extremely proactive.
IplWin stands as a reliable and enthralling platform for Indian punters, offering a captivating blend…
Introduction In today's online age, consumers are constantly bombarded with information. They crave valuable content…
In today’s rapidly aging society, finding a living situation that provides older adults with both…
If you wish to purchase a Mac, then it is strongly suggested to consider purchasing…
Oil drilling is a complex process that involves several components, including the drilling bit. The…
Watches can be more than a fashion. They can be a symbol, especially in the…