jQuery源码解析（DOM与核心模块）_技术问答

首页免费课 jQuery源码解析（DOM与核心模块）问答

jQuery源码解析（DOM与核心模块）

                
                Aaron艾伦
            Web前端工程师

                    查看讲师更多课程 
                    Aaron艾伦讲师的其他课程
                
H5+JS+CSS3 实现圣诞情缘
中级·121776
免费课程
                                
jQuery基础(二)—DOM篇
入门·114022
免费课程
                                
H5+JS+CSS3实现七夕言情
中级·211538
免费课程
                                
jQuery基础(四)—动画篇
初级·85062
免费课程
                                
jQuery基础(三)—事件篇
入门·90003
免费课程
                                
jQuery基础 (一)—样式篇
入门·217521
免费课程
                                
                难度高级
            
                时长 4小时 0分
            
                学习人数
            
综合评分9.40
                            23人评价
                        查看评价
                                9.9
                                内容实用
                            
                                9.4
                                简洁易懂
                            
                                8.9
                                逻辑清晰

全部评论问答未解决精华

liumengyang

不用原生的childnodes是为了过滤掉#text元素

2 1-6 遍历后代

2016-10-19

parent()方法的疑惑

已采纳回答 / lingshimizi

防止parent是null或者未定义

1 回答 1527 浏览 1-3 遍历祖先

2016-10-15

慕雪5194257

//创一个元素div做为容器
tmp = tmp || fragment.appendChild(context.createElement("div"));
...
jQuery.merge(nodes, tmp.childNodes);
大神这里还遗漏的有代码。
通过jQuery.merge(nodes, tmp.childNodes)把碎片中的子节点添加到nodes中，但fragment没有清除子节点。如果把fragment附加到dom节点，会保留这些未清楚的子节点。
应该在后面加上：
tmp = fragment.firstChild;
tmp.textContent = "";

0 2-6 核心buildFragment

2016-10-08

甜酒0917

没有写元素不隐藏的时候的处理

0 3-4 尺寸获取

2016-10-08

旧约丿巴黎埃菲尔情

睡觉了，除了学习还有理想，给别人打工不长久加油！

0 2-8 内部插入

2016-10-07

慕姐1222076

一脸蒙B的路过

1 1-5 遍历同胞(下)

2016-10-07

elem.replace(rxhtmlTag, "<$1></$2>")

最新回答 / Aero_Jin

只要不是单闭合标签, 都会增加结束标签, 例如:elem = "<div>123";用这段正则替换后, 就变成"<div>123</div>", 这是一种容错机制.

1 回答 1109 浏览 2-4 innerHTML的缺陷

2016-09-30

仓库加的那个div 不去掉吗

最新回答 / Aero_Jin

正常应该是会去掉的, 这里应该是个不完整的例子, 例子的作用主要还是让你理解思路, 你可以看下下一节domManip(下), 这一节中是这么处理的: <...code...>

1 回答 980 浏览 2-2 深入domManip(上)

2016-09-30

tanglj22

配上视频更好哟~

0 2-12 克隆

2016-09-28

旧约丿巴黎埃菲尔情

是我理解错了吗？有些地方多余啊！

提示一下：对象的第一个数字代表权值

1 2-4 innerHTML的缺陷

2016-09-25

旧约丿巴黎埃菲尔情

请大家学习的注意这两个地方、很容易忽略：

1.上面的方法改掉了TYPE其实就是让脚本无法解析（不是报错）、js会忽略
2.上面关注的正则，是为了兼容XML进行的处理、而上文是在javascript中运行所以替换掉了

OK！

2 2-3 深入domManip(下)

2016-09-25

旧约丿巴黎埃菲尔情

为大家解释几点：
parentEles[0].ownerDocument //就是Document文档对象
fragment.firstChild //获取创建成功的DOM、也就是我们需要添加的对象
context.createElement("div") //不要误解，就是普通的创建一个元素一般:document.xxx 或者 $(...)
fragment.appendChild() //返回创建的元素，也就是DIV
if (first){callback.call(parentEles, first);} //如果创建成功，写入文档

自此：本页内容就是这些！

7 2-2 深入domManip(上)

2016-09-21

旧约丿巴黎埃菲尔情

只需记住：
在WebKit中，不能克隆包含了已选中多选按钮的文档碎片

0 2-1 节点操作

2016-09-20

旧约丿巴黎埃菲尔情

规避WebKit checked属性
// We can't cloneNode fragments that contain checked, in WebKit
if ( !jQuery.support.checkClone && arguments.length === 3 && typeof value === "string" && rchecked.test( value ) {return this.each(function() {jQuery(this).domManip( args, table, callback, true );});}

0 2-1 节点操作

2016-09-20

旧约丿巴黎埃菲尔情

局部变量初始化

2: var results, first, fragment, parent,
3: value = args[0],
4: scripts = [];
5:

0 2-1 节点操作

2016-09-20

旧约丿巴黎埃菲尔情

domManip: function( args, table, callback ) //最原始的定义

0 2-1 节点操作

2016-09-20

首页上一页 8 9 10 11 12 13 14 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空