为何jQuery中纯ID选择器与类型+ID选择器返回元素数量不同？

首先得明确一个关键前提：HTML规范要求页面中的ID必须是唯一的，但实际开发中偶尔会出现重复ID的情况，这就是你遇到问题的背景。下面拆解两种jQuery选择器的核心差异：

• 当你使用$('#edit-checkbox')时，jQuery会直接调用浏览器原生的document.getElementById('edit-checkbox')方法。根据DOM规范，这个方法的设计逻辑就是只返回页面中第一个匹配该ID的元素——因为规范默认ID是唯一的，所以原生API不会去查找后续的重复ID元素，这也是你得到的长度始终为1的原因。

• 而当你使用$('input#edit-checkbox')时，jQuery会启用通用选择器匹配逻辑（底层可能调用document.querySelectorAll('input#edit-checkbox')或自身的选择器解析引擎）。这种情况下，它会遍历整个DOM树，找出所有满足「标签为input且ID为edit-checkbox」的元素，哪怕ID违反了唯一性规范，因此能返回正确的元素数量。

你通过设置唯一ID或移除ID解决问题的思路完全正确，毕竟遵循HTML规范才是避免这类怪异问题的根本方案。

内容的提问来源于stack exchange，提问作者berliner