jquery - 使用类和 ID 的正确方法

Question

Duplicate:

• Cascading style sheets use “id” or “class”
• CSS: are class and id interchangeable?
• div class vs id
• CSS: div id VS. div class

有时，当我想进行选择时，向某些内容(图像)添加一个 ID(唯一)，并且在悬停或单击时使用 jquery 执行操作。

但是同样的事情也可以通过类来完成。我知道类有很多用途(假设 class="selected")，但是当将类添加到某些内容时，我可以使用该类插入 ID 来触发 jQuery 操作...

所以问题是，如果我可以用类和 ID 完成任何事情，那么使用类和 ID 的“正确方法”是什么!

Answer 1

在哪里使用 ID 和类

两者之间的简单区别在于，虽然类可以在页面上重复使用，但 ID 每个页面只能使用一次。因此，在标记页面主要内容的 div 元素上使用 ID 是合适的，因为只有一个主要内容部分。相反，您必须使用一个类在表格上设置交替的行颜色，因为根据定义它们将被多次使用。

ID 是一个非常强大的工具。具有 ID 的元素可以是一段 JavaScript 的目标，该 JavaScript 片段以某种方式操作该元素或其内容。 ID属性可以用作内部链接的目标，用名称属性替换 anchor 标记。最后，如果您的 ID 清晰且符合逻辑，它们可以充当文档中的一种“ self 文档”。例如，如果 block 的开始标记的 ID 为“main”、“header”、“footer”，则不一定需要在 block 之前添加注释来说明代码块将包含主要内容”等