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

 

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

上一篇:HTML entity (记忆)


下一篇:学Vue,就要学会vue JSX(大结局)