jquery 获取自定义属性的值 data-*

HTML5 可以给元素自定义属性，提供相关信息，方便传递参数。

自定义方式，data- 开头，后面名字随意。

　　

<a href="#edit" data-skno="SK60007371" data-tkcd="5333">更新</a>

 

一、获取属性值

//取到 "SK60007371"
var skno = $('a').data('skno');

//取到 "SK60007371"
var skno1 = $('a').attr('data-skno');

 

二、属性赋值

$('a').data('skno', '123456');

$('a').attr('data-skno', '123456');

 

有趣的是，

用 data 方法赋值后，并不会改变元素中 data-skno 的值。

用 data 方法取值，也只是取得页面初始化时属性的值，当元素属性值改变时，data 获取的值也还是改变前的。

 

所以，

在 js 中，要保证数据同步，一定要用 attr() 获取。

当属性值是对象时，要用 data 获取。