html - 添加自定义属性

Question

在我创建的一个相当复杂的 HTML5 webapp 中，我发现向某些文档元素添加一些自定义属性很方便。使用 jQuery，我发现我可以毫无问题地检索这些属性 - 到目前为止，在 Chrome、Safari 和 Firefox 中，我希望在 Android/iPhone 移动浏览器中也是如此。

问题 - 是这样的用法，注入(inject)自定义属性，好吗，或者我会打破某些东西。为了让事情进入上下文，我使用了 jQuery Mobile，带有 jQ​​uery 和一些 jQuery 插件。

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

Answer 1

我建议使用数据属性，而不是使用自定义属性，您可以在 HTML5 Doctor Website 上阅读有关内容.

本质上，您可以为元素提供以 data- 为前缀的自定义属性，您可以使用 jQuery 读取/设置这些属性。这是一个例子:

HTML5 片段:

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

jQuery 片段:

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

使用数据属性将打造一个有效的、面向 future 的应用。