前端之家收集整理的这篇文章主要介绍了
javascript – CSS选择器性能,DOM解析，
前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。
我的问题与DOM解析被触发有关,我想知道为什么使用CSS ID选择器比使用Class选择器更快.什么时候必须再次解析DOM树,以及我应该使用什么技巧和
性能增强…也有人告诉我,如果我做了类似的事情
var $p = $("p");
$p.css("color","blue");
$p.text("Text changed!");
代替
$("p").css("color","blue");
$("p").text("Text changed!");
提高性能,这适用于所有浏览器吗？另外我如何知道我的DOM树是否已被重新解析？
好吧,#id选择器比类选择器更快,因为：(a)只有一个元素具有给定的id值; (b)浏览器可以保存地图ID – >元素,因此#id选择器可以像单个地图查找一样
快速工作.
接下来,上面建议的第一个选项肯定更快,因为它避免了第二次查找,从而将基于选择器的总查找时间减少了2倍.
最后,您可以使用Chrome开发者工具的“选择器配置文件”(在“配置文件”面板中)来分析浏览器处理页面中选择器所需的时间(将应用样式与匹配元素匹配).
原文链接：https://www.f2er.com/js/152249.html
