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.
Introduction In today's digital age, having a strong online presence is crucial for businesses in…
You may need access to a printer, scanner, webcam, or dongle connected to another computer.…
From skyscrapers to endless deserts, from luxurious malls to Michelin star restaurants, Dubai has it…
In today's fast-paced digital world, the logistics and supply chain sector is encountering unprecedented challenges…
In the vast landscape of digital marketing, one strategy has stood the test of time…
Website navigation and speed play a significant role in the success of online business. Attractive…