html - HTML5 jQuery 选择器

Question

我一直不喜欢使用 ids 和 classes 作为选择器，原因很明显：ids 是唯一的，classes 与样式有关，应该能够在不影响网站功能的情况下进行更改。

我曾经创造过类似的东西

   <div rel="foo">...</div>

   $("[rel=foo]").click(..);

使用 HTML5 执行此操作的正确方法是什么？我被角色诱惑了，但看来，这个属性有特定的含义和用途。

我刚刚学习 HTML5，非常感谢您的帮助！

Answer 1

您可以向元素添加任意数量的类。并且当您选择时，您可以使用一个类作为选择器。

<div class="class1 class2 foo">

选择器，

$(".foo").click(..);

你不需要foo在你的 CSS 中定义类

Answer 2

尝试不使用rel，title而是选择。然后你可以像这样使用jQuery：

$('div[title="foo"]').click(...);

使用title,id或class适用于 HTML5。另外，我认为您应该重新考虑使用类和 ID 作为选择器——它非常方便、高效且简单。

Answer 3

不要违背这里广泛接受的解决方案：使用class属性。

尝试详细说明映射页面结构和这些页面中组件的命名约定。