Javatpoint Logo
Javatpoint Logo

jQuery data() method

The data() method is used to attach and get data from the selected elements. It is an inbuilt method in JQuery. We can use the removeData() method to remove the data.

Syntax

The commonly used syntaxes of this method are given as follows. Below there are two syntaxes in which the first syntax is used to return data from a selected element, and the second syntax is used to attach data to selected elements.

Return data

The name in the above syntax is an optional parameter. It is the data name to retrieve the data. If it is not specified, the data() method returns all stored data for the element as an object. This syntax returns the retrieved data for the selected element.

Attach data

This syntax is used to attach data to selected elements. The parameters name and value in the above syntax are the mandatory parameters. The name specifies the data name to set, and the value specifies the data value to set.

Now, let's see an example of using the data() method to understand how to return and attach the data to selected elements.

Example

In this example, we are attaching the data to the div element. Here, there are two buttons named as Attach data and Get data. The Attach data button attaches the data to the div element, and on clicking the Get data button, the data of div element will be retrieved.

If we click the Get data button before clicking the Attach data button, we will get undefined. So, to see the attached data, we have to click the Get data button after clicking the Attach data button.

Test it Now

Output

After the execution of the above code, the output will be -

jQuery data() method

On clicking the Attach data button, the output will be -

jQuery data() method

Now, on clicking the Get data button, the output will be -

jQuery data() method




Youtube For Videos Join Our Youtube Channel: Join Now

Help Others, Please Share

facebook twitter pinterest

Learn Latest Tutorials


Preparation


Trending Technologies


B.Tech / MCA