使⽤JS和Jquery给data属性赋值和取值
更多前端信息可以关注博客：
⾸先记录⼀下，data-* 其中*不能为空和不能含有⼤写字母。
然后是如何获取data的值。
页⾯是这么写的：
<a href="#"  id="a" data-test="123">123</a>
⼀、JS取值和赋值的⽅法如下：
//原⽣js获取：
//JS赋值data 的⽅法
var a= ElementById("a");
st="456";//此时 data-test="456"
⼀、Jquery取值和赋值的⽅法如下：
//jquery 有两种⽅法，1、attr()  2、data()
//1、attr() 取值和赋值
$("#a").attr("data-test"); //取值 data-test="123"
$("#a").attr("data-test","456"); //赋值 data-test="456"
//2、data() 取值和赋值
$("#a").data("test"); //取值 data-test="789"
jquery是什么选择器
$("#a").data("test","200"); //赋值 data-test="200"
现在分析⼀下，原⽣js和jq的attr()赋值其实是⼀样的，都会改变dom树，页⾯中的data-test会改变。⽽jq的data（）辅助其实是赋值给jq 对象，⽽取值的时候取得也是jq对象的，如果jq对象的缓存已经存在，页⾯的改变并不会改变data(“test”)取出的值。jq对象的改变并不会重构dom树，所以element中的
data-test是不会改变的。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。