Example of usage of data() method in jQuery_jquery

The example in this article describes the usage of the data() method in jQuery. Share it with everyone for your reference. The specific analysis is as follows:

This method can append data to the matching element, or get data from the matching element.

Grammar structure 1:

Copy code The code is as follows:

$(selector).data(name,value)

Parameter list:

参数	描述
name	存储的数据名称。
value	将要存储的任意数据。

Example code:

Copy code The code is as follows:

Add data to element
Show added data

The above code can append the name mydata to the matching div element, the value is "Script Home Welcomes You" data, and then use the data name to return.

Grammar structure 2:

Returns additional data with the specified data name from the matching element.

Copy code The code is as follows:

$(selector).data(name)

Parameter list:

参数	描述
name	存储的数据名称。

Example code:

Copy code The code is as follows:

Add data to element
Show added data

The above code can append the name mydata to the matching div element, the value is "Script Home Welcomes You" data, and then use the data name to return.

Grammar structure three:

Add data to matching elements using key/value pair objects.

Copy code The code is as follows:

$(selector).data(properties)

Parameter list:

参数	描述
properties	一个用于设置数据的键/值对。

Example code:

Copy code The code is as follows:

Add data to the element
Get the data added to the element

The above code can append data named mydata to the div in the form of key/value pairs, and then obtain the attached data value through the data name and key.

Grammar structure four:

Use object method to append data to the specified element.

Copy code The code is as follows:

$(selector).data(object)

Parameter list:

参数	描述
object	一个用于设置数据的对象。

Example code:

Copy code The code is as follows:

Add data to the element
Get the data added to the element

The above code appends data in the form of objects and obtains the attached data value.

I hope this article will be helpful to everyone’s jQuery programming.