JQuery源码解析

2018-07-10 本文已影响0人青青玉立

1. jQuery 闭包结构

2. jQuery 方法的重载

3. jQuery 的链式调用、增栈、回溯

4. jQuery 正则与细节优化

5. jQuery 变量冲突处理

noConflict函数

6. 迭代器

$.each

7. 观察者模式

观察者模式所做的工作就是在解耦，让耦合的双方都依赖于抽象，而不是依赖于具体

jQuery 节点遍历

jQuery 遍历函数包括了用于筛选、查找和串联元素的方法

1. 遍历祖先

.parent()方法允许我们能够在DOM树中搜索到这些元素的父级元素，从有序的向上匹配元素，并根据匹配的元素创建一个新的 jQuery 对象。

.parents()和.parent()方法是相似的，但后者只是进行了一个单级的DOM树查找

.parentsUntil()方法会找遍所有这些元素的前辈元素，直到遇到了跟参数匹配的元素才会停止。返回的jQuery对象中包含了所有找到的前辈元素，除了与.parentsUntil()选择器匹配的那个元素

2. 遍历同胞

.nextAll() 获得匹配元素集合中每个元素之后的所有同辈元素，由选择器进行筛选（可选）。

.nextUntil() 获得每个元素之后所有的同辈元素，直到遇到匹配选择器的元素为止。

.prevAll() 获得匹配元素集合中每个元素之前的所有同辈元素，由选择器进行筛选（可选）。

.prevUntil() 获得每个元素之前所有的同辈元素，直到遇到匹配选择器的元素为止。

.next() 获得匹配元素集合中每个元素紧邻的同辈元素。

.prev() 获得匹配元素集合中每个元素紧邻的前一个同辈元素，由选择器筛选（可选）。

.siblings() 获得匹配元素集合中所有元素的同辈元素，由选择器筛选（可选）。

3. 遍历后代

children() 获得匹配元素集合中每个元素的子元素，选择器选择性筛选

find() 能够通过查找DOM树中的这些元素的后代元素，匹配的元素将构造一个新的jQuery对象