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

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

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

                
                Aaron艾伦
            Web前端工程师

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

全部评论问答未解决精华

甜酒0917

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

0 3-4 尺寸获取

2016-10-08

旧约丿巴黎埃菲尔情

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

0 2-8 内部插入

2016-10-07

慕姐1222076

一脸蒙B的路过

1 1-5 遍历同胞(下)

2016-10-07

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

旧约丿巴黎埃菲尔情

1. 将args转换为DOM元素，并放在一个文档碎片中，调用jQuery.buildFragment和jQuery.clean实现

2. 执行callback，将DOM元素作为参数传入，由callback执行实际的插入操作

0 2-1 节点操作

2016-09-20

旧约丿巴黎埃菲尔情

domManip manipulationTarget 核心函数

0 2-1 节点操作

2016-09-20

kokocha

棒棒棒！！！喜欢这样的课程

0 1-1 什么是遍历？

2016-08-31

吃半个馒头

解析非常到位？

0 1-6 遍历后代

2016-08-24

首页上一页 6 7 8 9 10 11 12 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

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