HTML5 data-* Properties

People always like to add custom attributes to the HTML tag to store and manipulate the data. But the problem with this is that you don't know if there will be other scripts that will reset your custom properties in the future, and you'll also cause HTML syntax to not conform to HTML specifications and some other side effects. That's why you've added a custom data property to the HTML5 specification, and you can do a lot of useful things with it.

You can read the detailed specification of the HTML5, but the use of this custom data property is very simple: You can add any attribute that begins with "data-" to the HTML tag, which is not displayed on the page, it doesn't affect your page layout and style, but it's readable and writable.

The following code fragment is a valid HTML5 tag:

Copy the code code as follows:

2. Data-myid= "3e4ae6c4e" >some awesome Data

Use the jquery. Data () method to access these "data-*" properties. One of the methods is. Data (obj),

You can also assign a value directly to the "data-*" property by using the. Data (Key,value) method. One important thing you should be aware of is that these "data-*" attributes should be associated with the element in which it resides, not as a storage tool for storing anything.

Source: http://www.html5cn.org/article-6533-1.html

HTML5 data-* Properties