what is the use of $.data() in jquery

Question

I am facing some problems in the following things. Coz m a beginer in jquery. so please help regarding these. First I want to know:

what is the use of jquery function $.data()

How I use this in my jquery plugin It is good if anyone provide some clarification on this function.

Very hard to find with google: http://api.jquery.com/jQuery.data/ — Snake Eyes, Oct 21 '13 at 09:54
You're kind right !? [jQuery API documentation](http://api.jquery.com/) The purpose of SO is not to copy/past documentations quotes — Stphane, Oct 21 '13 at 09:55

score 0 · Answer 1 · answered Oct 21 '13 at 09:54

0

Using $el.data() associates a value to the element and is stored in a object stored in memory by jQuery. This object is keyed by the element itself.

The $.data() method allows you access to all data attributes stored by jQuery, and you can retrieve them by providing the key element required.

answered Oct 21 '13 at 09:54

Rory McCrossan

331,213
40
305
339

still i am not able to understand its purpose.i have found one jquery calendar plugin in that $.data() function is used to store data.like $this.data(plugin_name).settings.what does it mean.?i am not able to understand its purpose.please help me. – user2902521 Oct 21 '13 at 10:14
That's using the standard `$el.data()` function *not* `$.data()`. The full documentation is available. There is really nothing I could add that isn't in there. – Rory McCrossan Oct 21 '13 at 10:16

score 0 · Answer 2 · answered Oct 21 '13 at 09:55

0

From official doc

Store arbitrary data associated with the matched elements or return the value at the named data store for the first element in the set of matched elements.

answered Oct 21 '13 at 09:55

Govind Malviya

13,627
17
68
94

score 0 · Answer 3 · answered Oct 21 '13 at 09:55

0

Well in the early days :-) one would add additional data to dom element by adding additional attributes. jQuery's data created a way of adding additional data to dome element without addind additional attributes.

answered Oct 21 '13 at 09:55

R. Oosterholt

7,720
2
53
77

score 0 · Answer 4 · answered Oct 21 '13 at 09:58

0

$.data() is used for value of DOM attributes. like we have a dom like

<input id="dom1"  type ="text" data-att1="test1" />

Then you can get the value of attribute data-att1 using

$('#dom1').data('att1');

answered Oct 21 '13 at 09:58

Anand Jha

10,404
6
25
28

score 0 · Answer 5 · answered Oct 21 '13 at 10:04

0

In html you can put custom data value in tag. For example :

<li data-numrow="12" data-author="myself">Sample tag</li>

$.data("numrow") can access easely to this data attribute on tag. it more or less a shortcut for $.attr("data-numrow")

answered Oct 21 '13 at 10:04

Yoann

4,937
1
29
47

what is the use of $.data() in jquery

5 Answers5