Html 添加自定义属性

在我正在创建的一个相当复杂的HTML5WebApp中，我发现向一些文档元素添加一些自定义属性非常方便。有了jQuery，我发现我可以毫无问题地检索这些属性——到目前为止，在Chrome、Safari和Firefox中，我希望在Android/iPhone移动浏览器上也可以

问题-这样的用法，注入自定义属性，可以吗，或者我会把一些东西分解成一行。为了让事情进入上下文，我使用jquerymobile，带有jQuery和一些jQuery插件

---

在相关说明中，我假设可以使用jQuery检索具有指定属性的所有元素？

您可以使用

数据-

属性：

<div data-someattr="1" data-someotherattr="'1'" data-obj="{prop:'val1'}" ....

---

我建议使用数据属性，而不是使用自定义属性，您可以在上阅读

本质上，您可以为元素提供前缀为

data-

的自定义属性，并且可以使用jQuery读取/设置这些属性。下面是一个例子：

HTML5片段：

<p id="porky" data-food="bacon">Porky was a tasty little piggy</p>

alert( $('#porky').data('food') ); // Alerts "bacon"
$('#porky').data('food', 'roast');
alert( $('#porky').data('food') ); // Alerts "roast"

---

使用数据属性将创建一个有效的、经得起未来考验的应用程序。

在它们前面加上

数据-

：谢谢！我想我一直在jQuery Mobile中看到这一点，却没有意识到这意味着什么。就像我几个小时前说的——这是一个多么棒的小论坛啊！从问题到答案只需几秒钟。谢谢！能够将对象包装到属性中非常简单

alert( $('#porky').data('food') ); // Alerts "bacon"
$('#porky').data('food', 'roast');
alert( $('#porky').data('food') ); // Alerts "roast"