Jquery的性能:更具体或更不具体?

时间:2018-02-06 12:19:55

标签: javascript jquery

$('#specificID")$('body .myoutterclass table tr #specificID')在效果方面有何区别? (specificID是唯一的)

我同意一个选择器无法产生视觉差异,但我不知道当你的代码充满选择器并且你的页面太大时...

如果在性能方面没有差异,我应该在最佳实践方面使用哪种类型的选择器?

1 个答案:

答案 0 :(得分:0)

我们从左到右阅读但浏览器从右到左阅读选择器,浏览器在tr中读取#specificID然后在表中读取tr然后依此类推。  所以它会对选择器性能产生巨大影响。具有继承效率的选择器是ID,Class,Type等。

从您的选择中删除额外的选择器以避免额外的时间。就像

导航一个{}到#nav a {},我们已经知道它必须在#nav里面。