javascript - HTML/JS 良好实践：添加太多 id 好不好？

Question

我有一个 HTML 页面，我想在其中将元素添加到特定列表中，如下所示：

<div id="list-of-divs">
<div id="name-specific-id">
// content
</div>

<div id="another-id">
//content
</div>
.
.
.
<div id="yet-another-id">
</div>

现在我想将 new divs 添加到该列表中，例如：

<div id="new-option-panel">
<input id="first-textbox-id" type="text">
<input id="second-textbox-id" type=text">
<button>Add new option</button>

当然，添加是使用 jQuery 代码完成的。

我的问题是：在 HTML 代码中添加许多这样id的 s 并在我的 jQuery 代码中依赖它们是一种好习惯，还是对 HTML 和 jQuery 都不好，我应该在我的 jQuery 代码中找到其他方法（取决于例如，关于 DOM 遍历）？

仅举例说明我的意思：会增加许多id缓慢的 Javascript 执行吗？

score 5 · Accepted Answer

Id 的查询速度更快，但维护起来非常繁琐，所以我会接受“性能打击”，并通过仅在必要时使用类和 id 来使我的代码更加明显。在您的示例中，我可能会将 id 保留在 div 上，但输入元素不需要一个，一个简单的类将适用于 jQuery 和 CSS，甚至根本没有类。

score 1 · Accepted Answer

id 选择器后跟 Tag 选择器是最好的选择器，因为它们直接映射到本机.getElementById()和.getElementByTag()方法

我建议您在遍历 DOM 时始终从最近的父 ID 下降。与大多数语言一样，您必须为特定应用程序考虑可读性/性能权衡。

查看这些性能指南以获取更多见解

2 回答 2