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 获取。