首页 > Web开发 > 详细

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

时间:2020-07-07 19:38:38      阅读:58      评论:0      收藏:0      [点我收藏+]

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-*

原文:https://www.cnblogs.com/rendd/p/13262223.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!