javascript - Jquery 自定义属性

Question

我正在考虑在 Jquery 中使用自定义属性以避免使用 class 或 id 属性，以免干扰 html 设计人员。

考虑到这个想法，html 应该是这样的:

<ul Jquery="CommonUl">
    <li Jquery="CommonLi"></li>     
    <li Jquery="CommonLi"></li>
    <li Jquery="CommonLi"></li>
    <li Jquery="CommonLi"></li>
    <li Jquery="CommonLi"></li>
</ul>

• 您认为这是一个好的方法吗？

• 您对这些自定义属性的 W3C 验证有何看法？

• 您知道在不干扰 html 设计人员工作的情况下使用 Jquery 进行编程的方法吗？

• 关于性能，我认为使用类属性或 ID 的 jquery 选择器比使用自定义属性和过滤函数(如“包含等...”)更快。这样对吗？

Answer 1

你可以这样做，使用data- attributes虽然 ( part of the HTML5 specification )，像这样:

<li data-something="CommonLi"></li> 

jQuery 甚至在 1.4.3+ 中内置了对这些的支持，例如:

$("li").data("something") //"CommonLi"

对于您的其他问题:

• 如果是 HTML5，他们将验证 - 但不会破坏 HTML4 中的任何内容
• 这不应该影响设计者，但这取决于哪个设计者
• 如果您从元素中获取数据，性能与任何其他属性相同