jQuery 源码分析(二) 入口模块

【jQuery 源码分析(二) 入口模块】的更多相关文章

jQuery 源码分析(二) 入口模块

jQuery返回的对象本质上是一个JavaScript对象,而入口模块则可以保存对应的节点的引用,然后供其它模块操作我们创建jQuery对象时可以给jQuery传递各种不同的选择器,如下: false ;返回一个空jQuery对象 DOM节点 ;返回包含该DOM元素引用的jQuery对象. body ;字符串'body',返回包含body元素引用的jQuery对象单独标签 ;调用document.createElement创建标签对应的DOM元素较复杂的html代码 ;调用jQuery.b…

jQuery 源码分析(二十一) DOM操作模块删除元素详解

本节说一下DOM操作模块里的删除元素模块,该模块用于删除DOM里的某个节点,也可以理解为将该节点从DOM树中卸载掉,如果该节点有绑定事件,我们可以选择保留或删除这些事件,删除元素的接口有如下三个: empty() ;移除匹配元素的所有子元素. ;先移除所有后代元素关联的数据和事件,以避免内存泄漏.然后移除子元素. remove(selector,keepData) ;从匹配元素中移除selector元素. …

jQuery 源码分析(二十) DOM操作模块插入元素详解

jQuery的DOM操作模块封装了DOM模型的insertBefore().appendChild().removeChild().cloneNode().replaceChild()等原生方法.分为5个子模块来实现:插入元素.删除元素.复制元素.替换元素和包裹元素,本节讲解第一个子模块:插入元素插入元素模块可用于新增DOM节点,修改文本节点等,API如下: append(content) ;在被选元素子节点的末尾插入指定内容,内部调用appendChild(elem)方法 ;…

jquery源码分析(二)——架构设计

要学习一个库首先的理清它整体架构: 1.jQuery源码大致架构如下:(基于 jQuery 1.11 版本,共计8829行源码)(21,94) 定义了一些变量和函数jQuery=function(){}(96,280) 给jQuery添加一些方法和属性,jQuery.fn=jQuery.prototype(285,347) extend: jQuery的一些继承方法更容易进行后续的扩展 …

jQuery 源码分析(十一) 队列模块 Queue详解

队列是常用的数据结构之一,只允许在表的前端(队头)进行删除操作(出队),在表的后端(队尾)进行插入操作(入队).特点是先进先出,最先插入的元素最先被删除. 在jQuery内部,队列模块为动画模块提供基础功能,负责存储动画函数.自动出队并执行动画函数,同时还要确保动画函数的顺序执行. jQuery的静态方法含有如下API: $.queue(elem,type,data) ;返回或修改匹配元素关联的队列,返回最新的队列,参数如下: elem ;DOM元素或JavaScript对象 type ;…

jQuery 源码分析(十七) 事件系统模块实例方法和便捷方法详解

实例方法和便捷方法是指jQuery可以直接通过链接操作的方法,是通过调用$.event上的方法(上一节介绍的底层方法)来实现的,常用的如下: on(types,selector,data,fn,one) ;为匹配元素集合中的每个元素绑定一个或多个类型的事件监听函数 types ;事件类型字符串,多个事件类型之间用空格隔开 selector ;可选,是一个选择器表达式字符串,用于绑定代理事件. data ;传递给事件监听函数的自定义数据,可以是任何类型. fn…

jquery源码分析(七)——事件模块 event(二)

上一章节探讨了事件的一些概念,接下来看下jQuery的事件模块. jQuery对事件的绑定分别有几个API:.bind()/.live()/.delegate()/.on()/click(), 不管是用什么方式绑定,归根到底还是用addEventListener/attachEvent(IE)处理的,正如jQuery的选择器一样不管如何匹配最终还是使用浏览器提供的几个接口处理. 那么现在就有个疑问,事件为什么还要区分那么多不同的处理方案? 这里就要涉及到之前提到的 DOM 事件处理模型了,捕获与…