                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /jQuery源码解析（架构与依赖模块）

到底生成render树的过程，是为每个DOM元素查找匹配的selector，还是为每个selector查找匹配的DOM元素呢？

如题，前半部分说的是“对于每个 DOM 元素，必须在所有 Style Rules 中找到符合的 selector 并将对应的规则进行合并。”，后半部分的例子说的是解析selector然后找到匹配的DOM元素

4.如果正向解析，例如「div div p em」，我们首先就要检查当前元素到 html 的整条路径，找到最上层的 div，再往下找，如果遇到不匹配就必须回到最上层那个 div，往下再去匹配选择器中的第一个 div，回溯若干次才能确定匹配与否，效率很低。

不太明白

图灵_0002

2014-11-15

源自：jQuery源码解析（架构与依赖模块） 6-2

关注问题我要回答

1593

操作

收起

4 回答

慕仰8177283
2020-03-30

出教程的人把浏览器的生成cssom和jquery的根据选择器获取对应元素的两个概念搞混了，白费我一上午

0 回复有任何疑惑可以回复我~

收起回答

慕慕7300641
2018-08-01

应该是

为每个selector查找匹配的DOM元素

，例如「div div p em」，我们首先就要检查当前元素到 html 的整条路径，找到最上层的 div，再往下找，如果遇到不匹配就必须回到最上层那个 div，往下再去匹配选择器中的第一个 div，这里的div是指selector中的div

0 回复有任何疑惑可以回复我~

收起回答

daydaytop
2016-10-24

文字说了

选择器的「解析」实际是在这里执行的，在遍历 DOM Tree 时，从 Style Rules 中去寻找对应的 selector。

后面从selector到 dom 只是一种解释方法。告诉这种规则是从右到左的。

0 回复有任何疑惑可以回复我~

收起回答

giscafer
2015-05-17

正常查找的过程是逆向，简单的理解就是先“关键词搜索”，再在“搜索到的结果”（减少了好多不符合的判断）中进行查找匹配——回溯。。。。

0 回复有任何疑惑可以回复我~

收起回答

0/150

提交

取消

jQuery源码解析（架构与依赖模块）

参与学习 84049 人
解答问题 280 个

由浅入深地剖析jQuery库的设计与实现，揭开框架背后的秘密

进入课程

本课相似问答

3 回答正则有问题，匹配不到。

1 回答context 和selector

4 回答document.getElementById(/[^#].*/.exec(selector)[0])

2 回答看过这节课程的同学不知道是否有这样的疑问：“在需要递进式匹配时，比如$("div a") 这样的匹配时，执行的操纵都是先匹配页面中div然后再匹配它的节点下的a标签，之后返回结果。我们知道CSS的匹配规则是从右边向左筛选，jQuery在Sizzle中延续了这样的算法，先搜寻页面中所有的a标签，在之后的操纵中再往后判定它的父节点（包括父节点以上）是否为div，一层一层往上过滤，最后返回该操纵序列。”

1 回答请问function( selector, context ){}是两个参数，为啥在使用时传入一个参数可以解析

搜索更多本课相关问答

到底生成render树的过程，是为每个DOM元素查找匹配的selector，还是为每个selector查找匹配的DOM元素呢？

我要回答关注问题

热搜

最近搜索清空

到底生成render树的过程，是为每个DOM元素查找匹配的selector，还是为每个selector查找匹配的DOM元素呢？

4 回答

为每个selector查找匹配的DOM元素

本课相似问答

到底生成render树的过程，是为每个DOM元素查找匹配的selector，还是为每个selector查找匹配的DOM元素呢？