jQuery源码解析（架构与依赖模块）_技术问答

首页免费课 jQuery源码解析（架构与依赖模块）问答

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

                
                Aaron艾伦
            Web前端工程师

                    查看讲师更多课程 
                    Aaron艾伦讲师的其他课程
                
H5+JS+CSS3 实现圣诞情缘
中级·121934
免费课程
                                
jQuery基础(二)—DOM篇
入门·114014
免费课程
                                
H5+JS+CSS3实现七夕言情
中级·211525
免费课程
                                
jQuery基础(四)—动画篇
初级·85052
免费课程
                                
jQuery基础(三)—事件篇
入门·89999
免费课程
                                
jQuery基础 (一)—样式篇
入门·217507
免费课程
                                
                难度高级
            
                时长 6小时 0分
            
                学习人数
            
综合评分9.37
                            39人评价
                        查看评价
                                9.5
                                内容实用
                            
                                9.3
                                简洁易懂
                            
                                9.3
                                逻辑清晰

全部评论问答未解决精华

看不懂！

已采纳回答 / 艾伦Aaron

开始有点迷茫，慢慢的深入

3 回答 1171 浏览 1-5 立即调用表达式

2014-12-16

程序猿chen

不太好理解

0 2-7 end与addBack

2014-12-16

艾伦Aaron

这里需要只需来可能有些API上是andSelf，因为就Query的api是这样写的，andSelf现在是.addBack()的一个别名。在jQuery1.8和更高版本中应使用.addBack()

源码其实也是这样的

jQuery.fn.andSelf = jQuery.fn.addBack

0 2-6 回溯处理的设计

2014-12-16

艾伦Aaron

已经修改了,回溯的方法是end

0 2-6 回溯处理的设计

2014-12-16

程序猿chen

没有andBack这个函数

0 2-6 回溯处理的设计

2014-12-16

艾伦Aaron

jQuery内部使用了，具体
pushStack: function(elems) {
var ret = jQuery.merge(this.constructor(), elems);
ret.prevObject = this;
ret.context = this.context;
return ret;
},
this.constructor() 指向了jQuery类

1 2-4 方法链式调用的实现

2014-12-15

艾伦Aaron

我是模拟的代码，这个是模拟jquery的机制，如果要完整的实现，代码量相当的大的。选择器sizzle就有2000多行

0 2-5 插件接口的设计

2014-12-15

艾伦Aaron

jQuery就是这样实现的，其实原理很简单，无非就是保存了上一次的引用，
_$ = window.$;
window.$ = _$;
就是一个交换的原理，如果调用了noConflict方法，就把之前保存的_$覆盖当前的$
要特别注意的事，必须在加载jQuery之前已经存在一个$命名空间的库，否则_$ = window.$就没有意义了

17 1-8 jQuery多库共存处理

2014-12-15

jediego

原来从集合中从末尾开始倒数取值是这样做的哇：
num < 0 ? this[num + this.length] : this[num]
学习了

7 2-8 仿栈与队列的操作

2014-12-15

jediego

额，写错了，是andSelf

0 2-6 回溯处理的设计

2014-12-15

jediego

addSelf竟然已被废除，换成addBack了

0 2-6 回溯处理的设计

2014-12-15

jediego

$$().setName('慕课网-Aaron').getName();或
$$(1).setName('慕课网-Aaron').getName();没区别呀？
这样的话i的初始值是不是该为0

1 2-5 插件接口的设计

2014-12-15

jediego

我没搞懂constructor: ajQuery是什么作用。constructor好像不常用

0 2-4 方法链式调用的实现

2014-12-14

jediego

fn是prototype的缩写，别名。也就是看到的这个：
jQuery.fn = jQuery.prototype = {
init：function(){
return this
}

0 2-3 静态与实例方法共享设计

2014-12-14

jediego

首先，右边最后那段代码init函数少传个selector参数，再者，init函数里面应该返回this吧？
为什么jquery使用init方法就能避免无限递归呢？应该这样理解吗？：
通过init为桥梁返回该对象，避免了new该对象（实际也是在调用），导致无限递归。
简单的无限递归模拟：
function ajQuery = (selector) {
return new ajQuery(selector);
}

0 2-2 分离构造器

2014-12-14

jediego

且是var而不是Var

1 1-8 jQuery多库共存处理

2014-12-14

首页上一页 73 74 75 76 77 78 79 下一页尾页

开始学习

课程须知: 源码的阅读不是一蹴而就的，需要大家有一定的功底，比如jQuery的基础运用以及API的熟悉度，除此之外要有牢固的javascript、DOM、CSS的基础功底，甚至还需要理解常见的设计模式、数据结构等等。当然大家也不要被这些给吓住了，理解，总是需要一种慢慢的学习过程。

老师告诉你能学到什么？: 通过本课程的学习，您可以由浅入深地剖析jQuery库的设计与实现。其中我们围绕的重心： 1、设计理念 2、结构组织 3、接口设计 4、模式运用 5、场景套用

微信扫码，参与3人拼团

热搜

最近搜索清空

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

看不懂！