- HTML5中自定义数据属性(1)data-*属性(1)data-*属性的使用
- HTML5中自定义数据属性(2):data-*的使用
- HTML5中自定义数据属性data-属性(3)jq如何操作data-
在 jQuery 中,可以使用 data() 方法来获取 data-* 属性的值。这个方法可以读取或设置 HTML 元素上的 data-* 属性。
如果想获取 data-* 属性的值,你可以这样做:
            
            
              javascript
              
              
            
          
          var value = $(selector).data('your-data-attribute-name');在上面的代码中,需要将 selector 替换为你要获取 data-* 属性的 HTML 元素的选择器,而 'your-data-attribute-name' 应该被替换为你想要获取的 data-* 属性的名称。
例如,如果有一个像这样的 HTML 元素:
            
            
              html
              
              
            
          
          <div id="myDiv" data-my-attribute="123">Hello, world!</div>可以使用以下 jQuery 代码来获取 data-my-attribute 的值:
获取值
            
            
              javascript
              
              
            
          
          var value = $('#myDiv').data('my-attribute'); // value now equals '123'设置值
要设置 data-my-attribute 的值,使用 data() 方法,像这样:
            
            
              javascript
              
              
            
          
          $('#myDiv').data('my-attribute', 'new value');在这段代码中,'my-attribute' 是想要设置的 data-* 属性的名称,'new value' 是想要设置的新值。
@漏刻有时