文就从选择符的角度简单探讨一下优化jQuery代码的问题。
Sizzle的运行机制
jQuery从1.3开始把根据选择符表达式查找元素的代码独立出来,也就是Sizzle引擎。当我们把一个选择符表达式(比如"#id"、".class"、":nth-child(2)")传递给$()函数时,Sizzle在内部会优先利用原生支持的DOM方法来查找元素,以求得最大的执行速度。以下就是Sizzle会优先选用的几个标准的原生方法(各个方法的用途不再赘述):
代码如下:
getElementById()
getElementsByTagName()
getElementsByClassName()
querySelectorAll()
代码如下:
$('input[type="text"]')
$('input:text')
代码如下:
$('input').eq(1)
$('input:eq(1)')
如对本文有疑问, 点击进行留言回复!!
2020-07-21 html5如何监听veido的全屏 + css的字体间距 + JS的window.open() + 软技能svn与git
html+css+js适合前端小白的实战全解(超详细)——2048小游戏(二)
在使用@angular/cli创建的angular项目上添加postcss等一系列移动端自适应插件
网友评论