为什么这个jQuery选择器这么慢？
为什么这个jQuery选择器这么慢？
提问于 2010-02-18 13:33:07
通过测试一个包含大约220个元素的页面，其中大约200个元素是复选框元素，并且每个元素必须查询一个包含大约200个项目的数组，我惊讶地发现input selector
$("input[id$='" + code + "']").each(function() { //...大约快4-5倍
$("input:checkbox[id$='" + code + "']").each(function() { //...并且比checkbox selector快大约10倍
$(":checkbox[id$='" + code + "']").each(function() { //...我还尝试了通用选择器*，它的性能与input大致相同。
我很好奇为什么在性能上会有这么大的差异？
回答 1
Stack Overflow用户
回答已采纳
发布于 2010-02-18 13:40:28
第一个示例速度更快，因为它只涉及对所有input元素的id属性的检查。
input:checkbox选择器相当于选择器：
$('input[type=checkbox]')因此，在第二个示例中，基本上您正在执行两个属性选择器：
$("input[type=checkbox][id$='" + code + "']").each(function() { //...现在在您的第三个示例中，由于您没有指定标记名或其他任何内容，因此它将检查所有DOM元素，因为:checkbox选择器相当于：
$("*:checkbox")//...这就是为什么总是建议在这种选择器之前加上标记名或其他选择器的原因。
最后，您的第三个示例(最慢的)相当于如下所示：
$("[type=checkbox][id$='" + code + "']").each(function() { //...页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/2286532
复制相关文章
相似问题
腾讯云开发者
