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>

现在，我想div向该列表添加新的，使用以下命令：

<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代码中添加许多这样的ids并在我的jQuery代码中依赖它们是一个好习惯，还是对HTML和jQuery都是不好的做法，我应该在我的jQuery代码中找到其他方式（取决于例如在DOM遍历上）？

只是举例说明：会增加许多idJava脚本的执行速度吗？

Answer 1

Id的查询速度更快，但维护起来却很繁琐，因此我会选择“性能命中率”，并仅在必要时使用类和id来使我的代码更加明显。在您的示例中，我可能会将id保留在div上，但输入元素不需要一个，对于jQuery和CSS都可以使用一个简单的类，甚至根本不需要任何类。