JQuery：在我的HTML代码中使用自定义属性是一种不好的做法吗？

Question

我一直在添加自定义属性，然后使用 JQuery 引用这些属性，这样可以很好地工作。但这种做法是否符合良好实践？

例如：

<div class="monkeys" customattr="big Monkey"> </div>

谢谢大家。

- Funky

---

很好的问题，配有很好的例子。太棒了。 - afuzzyllama

可能是[HTML标签上的非标准属性。好事？坏事？你的想法？]的重复问题。(https://dev59.com/M3VC5IYBdhLWcg3wsTfv) - Ciro Santilli OurBigBook.com

Answer 1

最佳实践是使用HTML5的data-*属性：

<div class="monkeys" data-customattr="big Monkey"> </div>

这是符合标准的HTML5，不像任意的自定义属性。它还确保你的自定义属性不会与未来的标准属性冲突。

在最近（1.5+）的jQuery版本中，您也可以使用$('.monkeys').data('customatrr')来访问属性。

- SLaks

Answer 2

是的，没错。如果你没有使用HTML 5（请参考@SLaks的帖子），为什么不将你的类改为描述性的呢？

<div class="big monkeys"> </div>

- scottheckel

---

现在您正在分配两个类：big 和 _monkeys_。不过，请注意使用 "bigMonkeys" 或类似的名称。 - Wiseguy

是的，但他可能已经为猴子设置了样式。如果有“小猴子”或“婴儿猴子”，采用更面向对象的方法会更好，除非他没有遇到这种情况。然而，我猜如果是这种情况，这个问题就不会出现了。 - scottheckel

好的。如果那符合情况，我完全支持它。 - Wiseguy