html 的data自定义属性能随便修改吗？

<div class="fb" data-html="你是谁">1</div>

    var f1=$(".fb").data("html");
     如何给data-html设置啊？ 
     我想给data-html设置为data-html="元旦快乐";
     请问是怎么设置的？

java javascript jquery

阅读 9k

4 个回答

✓ 已被采纳

data 元素原则上就是用来存储数据的，可以根据自己的需要自行修改。

var f1 = $(".fb").data("html"); // 获取data元素的值
$(".fb").data("html", "元旦快乐"); // 对data元素赋值

xxxxxxxxx

302410

发布于
2016-01-05

更新于
2016-01-05

jQuery的data方法我不清楚，但原生是这样写的，在控制台下能看到变化

<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <title>test</title>
</head>
<body>
    <div id="test" data-html="我是谁"></div>
</body>
</html>

Chrome 控制台下：

var test= document.getElementById("test");

test.setAttribute("data-html", "我是你");

修改前：图片描述

修改后：图片描述

------------------------------------------------------------------

补充一下,获取相应的值用：

var test = document.getElementById("test");
var data = test.getAttribute("data-html");

console.log(data);

图片描述

wnow20

78161828

发布于
2016-01-04

更新于
2016-01-04

我也来讲一讲，本人学技术喜欢专研底层实现，探究到底是怎么实现的~~

现在我们来讲讲 data-* 属性与 jQuery.data 方法。

很多人迷惑，为什么改了 data-* 属性，但是 jQuery.data 里面的值不变，因为这就是两个不同的东西，前者是 H5 自定义属性，后者是 jQuery类库的值。该值在 jQuery 中的 data/Data 模块中管理，存于 DOM 节点对象属性中。

data/Data 32行的代码：

owner[ this.expando ] = value;

jQuery 没有针对属性变化，而同步变化 data 方法中的值的机制，各管各的。jQuery 只是在初始化的时候读取了 data-* 属性。

Karon_

1.1k81828

发布于
2016-01-05

这里讲得挺全的：http://blog.netsh.org/posts/html-data-jquery_1812.netsh.html

撰写回答

你尚未登录，登录后可以

和开发者交流问题的细节
关注并接收问题和回答的更新提醒
参与内容的编辑和改进，让解决方法与时俱进

推荐问题

相似问题

找不到问题？创建新问题

html 的data自定义属性能随便修改吗？

------------------------------------------------------------------

你尚未登录，登录后可以

js 如何将Key属性相同的放在同一个数组？

小网站有必要将图片放到阿里云OSS存储吗？

vue项目如何在初始化之前跳转外部页面？

js如何控制移动端overflow:scroll容器滑动的最大速度？

Spring中的两个疑惑?

前端代码更新如何通知用户刷新页面？

为什么会出现CORS error？