html5选择器真比jquery 选择器效率快吗

发布网友发布时间：2022-04-20 03:27

共2个回答

热心网友时间：2022-04-20 04:56

HTML5向Web API新引入了document.querySelector以及document.querySelectorAll两个方法用来更方便地从DOM选取元素，功能类似于jQuery的选择器。这使得在编写原生JavaScript代码时方便了许多.如：
标签选择
element = document.querySelector('selectors');
elementList = document.querySelectorAll('selectors');

多标签
element = document.querySelector('selector1,selector2,...');
elementList = document.querySelectorAll('selector1,selector2,...');

iD 和class
element = document.querySelector('div#container');//返回id为container的首个div
element = document.querySelector('.foo,.bar');//返回带有foo或者bar样式类的首个元素

elements = document.querySelectorAll('div.foo');//返回所有带foo类样式的div

jQuery本身在dom操作上速度就一般，jQuery只是原生JS的一个自定义框架，速度首先敢原生就差很远了。所以JQ跟HTML5原生自带的选择器根本就没办法比。当然有时候和JQ结合速度也会比你只使用上面说的选择器快，首先您得记住将DOM缓存起来如：
var a=$("#a");//缓存元素
var b=$("#a").find(".b");//缓存元素
function doa(){
b.toggle();
}
//如果我们要执行一个点击就让b显示隐藏的话，也就是多次操作该DOM，上面的写法要比下面的快很多很多
function doa(){
y$("#a").find(".b").toggle();
}

热心网友时间：2022-04-20 06:14

对的，效率非常的高