jquery - 在一个 html 页面中有多个 ID 是否可以接受？

Question

Stack Overflow 上有很多关于 id 与 class 的问题，但这些问题几乎总是与 CSS 有关 - 普遍接受的答案是使用类来设置一组特定元素的样式，以及特定实例的 id。有道理，很公平。

但是我发现，随着我越来越多地使用 Javascript/jQuery/ajax，这种方法开始变得不那么清晰了，我发现应该为语义元素提供 id 的情况，但是因为可能有多个我应该使用类的实例。

这是我的意思的一个例子:

看看 Stack Overflow 的 Markdown 问题编辑器上的工具栏 - 每个按钮都有一个 ID 来唯一标识它。非常有道理 - 这是一个执行特定功能的按钮，并且可能有基于该 ID 的脚本挂接到它。

现在想象一下，我正在构建一个富网络应用程序，并且有一个页面有两个选项卡，每个选项卡上都有一个 Markdown 编辑器。这是否意味着工具栏按钮现在应该使用类来识别它们？

这似乎是错误的。

另一个示例:我正在开发一个图片库网站，该网站在每张照片上都覆盖了一个小工具栏。惯例说，因为这些按钮有多个实例，所以我应该使用类。真的吗？

所以我的问题是......

• 如果我在页面上犯下重复 ID 的罪行，哪些浏览器实际上会崩溃？
• 对于浏览器，这确实会中断，是只是 CSS 样式会中断，还是 jQuery 选择器也会中断。
• 在上述情况下使用重复 ID 真的那么糟糕吗？

Answer 1

类表示是...(不确定)ID 表示是...(确定)

“这个 div 是一个照片工具栏。可以有更多类似的东西。”有道理，我会使用类。

我不一定要 ID 工具栏按钮，除非我确定该工具栏在页面上只能有一个实例。对于 StackOverflow 的 markdown 编辑器，我也认为这些应该是更灵活的类(整个编辑器可以包装在一个唯一的 ID 中，例如#answer-editor 或#comment-editor)。

浏览器在接受内容方面非常灵活，但这并不意味着应该打破标准。