javascript - 使用 input#id 和仅使用 #id 有什么区别？

Question

这个问题已经有答案了:

Element + ID vs only ID in jquery? (3 个回答)

已关闭 6 年前。

有什么理由使用 ex.输入#id？为什么不只是#id？代码如下:

$("button").on("click", function() {
    var rate = $("#rate_1").val();
    var quant = $("#quant_1").val();
});

VS

$("button").on("click", function() {
    var rate = $("input#rate_1").val();
    var quant = $("input#quant_1").val();
});

HTML

<tr>
    <td><input type="textbox" id="quant_1" class="txtbox"></input></td>
    <td><input type="textbox" id="rate_1" class="txtbox"></input></td>
</tr>

Answer 1

就本例的实际效果而言，没有什么区别。

就潜在的实际效果而言，input#id 仅选择 (a) 是 input 元素且 (b) 具有 id 的元素> 属性设置为id。 #id 仅要求进行第二次检查。所以你说得更具体一些。也就是说，如果您有一个可以应用于多种类型元素的 id，那么您就做错了。

在性能效果方面，略有差异。在幕后，使用 document.getElementById ( source ) 找到 #id。 input#id 使用 jQuery.find，因此最终使用 document.querySelectorAll ( source )。 getElementById 方法的性能会稍微好一点——但不必注意这一点。增益将非常微小，即使重复一千次您也不会注意到。

最显着的区别:input#id 需要输入更多字符，并且出现拼写错误的可能性更大。