jQuery – 如何将HTML 5数据属性添加到DOM中

前端之家收集整理的这篇文章主要介绍了jQuery – 如何将HTML 5数据属性添加到DOM中前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图在DOM中添加一个HTML 5数据属性.我在jQuery网站上看到的数据属性格式是:
$('.pane-field-related-pages ul').data("role") === "listview";

但这似乎没有添加任何东西到DOM?

如何将上述数据角色添加到相关的ul标签中?

解决方法

阅读 this article

文章

jQuery.com – “The .data() method
allows us to attach data of any type
to DOM elements in a way that is safe
from circular references and therefore
from memory leaks.”

With the introduction of HTML5,we can
use it as attribute as well. For
example

<div data-role="page" data-hidden="true" data-options='{"name":"John"}'></div>


//We can call it via:
$("div").data("role") = "page";
$("div").data("hidden") = true;
$("div").data("options").name = "John";

替代方式

$("div").data("role","page");
$("div").data("hidden","true");
$("div").data("role",{name: "John"});

猜你在找的jQuery相关文章