jQuery源码

对jQuery.extend()方法的分析

jQuery.extend方法是我们常用的方法，也是jQuery源码中的基础方法。它的主要作用是：将一个或多个“源对象”合并到一个“目标对象”中，并返回目标对象。
·2015-10-23 09:07

分析jQuery中的each方法

在看jQuery源码是怎么实现each方法之前，我们看一下js的原生实现。
·2015-10-23 09:05

[原创] jQuery源码分析-13 CSS操作-CSS-样式表-jQuery.fn.css()

jQuery源码分析系列（持续更新）   样式表   概述 如何使用 使用详解     特性对应的实现原理 源码分析   
·2015-10-23 09:50

[原创] jQuery源码分析-13 CSS操作-CSS-类样式-addClass+removeClass+toggleClass+hasClass

jQuery源码分析系列（持续更新）   类样式   概述 .addClass() .removeClass() .toggleClass() .hasClass()
·2015-10-23 09:50

[原创] jQuery源码分析-如何做jQuery源码分析（更新）

jQuery源码分析系列（持续更新）   jQuery的源码有些晦涩难懂，本文分享一些我看源码的方法，每一个模块我基本按照这样的顺序去学习。
·2015-10-23 09:49

[原创] jQuery源码分析-11 DOM遍历-Traversing-DOM遍历方法

jQuery源码分析系列（持续更新）   1.
·2015-10-23 09:49

[原创] jQuery源码分析-11 DOM遍历-Traversing-3个核心函数

jQuery源码分析系列（持续更新）   1.
·2015-10-23 09:49

[原创] jQuery源码分析-04 选择器-Sizzle-从左向右的余热

jQuery源码分析系列（持续更新）   在Sizzle的设计思路中，将CSS选择器引擎的通用设计思路进行了分解和推理；在Sizzle的工作原理中，对Sizzle创造性的从右向左算法，进行了详细的分析
·2015-10-23 09:48

[原创] jQuery源码分析-04 选择器-Sizzle-设计思路

作者：nuysoft/高云 QQ：47214707 Email：[email protected] 声明：本文为原创文章，如需转载，请注明来源并保留原文链接 接前一篇 Sizzle的工作原理让我们把工作原理讲的更简单一些，先不讲从右向左也不讲接口，先来分析下如果要执行一段选择器表达式，或者说设计一个简版选择器引擎，直觉上需要做些什么工作： 以div > p为例来模拟这个过程，找d
·2015-10-23 09:47

[原创] jQuery源码分析-04 选择器-Sizzle-工作原理

作者：nuysoft/高云 QQ：47214707 Email：[email protected] 声明：本文为原创文章，如需转载，请注明来源并保留原文链接。   在分析Sizzle源码之前，先整理一下选择器的工作原理  先明确选择器中用到的名词，后边阅读时不会有歧义： 选择器表达式： "div > p" 块表达式： "div"
·2015-10-23 09:46

jQuery源码学习

1 无new构建 jQuery使用的的方式是$(obj).html().attr();或者是jQuery(obj).html().attr() 形式上是$() 或者jQuery() 先看js函数的实现方式 var Jackey = function(){ //构造函数 }; Jackey.prototype={ //原型 name:functio
·2015-10-23 08:20

十六.jQuery源码解析之Sizzle设计思路.htm

为了便于后面的叙述,需要了解一些相关术语和约定. 并列选择器表达式:"div,p,a"====>div,p,a是并列的. 块表达式:"div>p"中的div和p就是两个块. 块表达式的类型:共8种.id,class,name,attr,tag,child,pos,pseudo(伪类表达式) 块间的关系符:共4种.">":
·2015-10-23 08:41

六.jQuery源码分析之jQuery原型属性和方法

97 jQuery.fn = jQuery.prototype = { 98 constructor: jQuery, 99 init: function( selector, context, rootjQuery ) { }, 210 selector: "",
·2015-10-23 08:41

二.jQuery源码解析之构建jQuery之构建函数jQuery的7种用法

一:$(selectorStr[,限制范围]),接受一个选择器(符合jQuery规范的字符串),返回一个jQuery对象; 二:$(htmlStr[,文档对象]),$(html[,json对象])传入html字符串,创建一个新的dom元素 三:$(dom元素),$(dom元素集合)将dom元素转换成jQuery对象. 四:$(自定义对象)封装普通对象为jQuery对象. 五:$(回调函数)绑定r
·2015-10-23 08:40

一.jQuery源码解析之总体架构

1 (function (window, undefined) { 2 //构建jQuery对象 3 var document = window.document, 4 navigator = window.navigator, 5 location = window.
·2015-10-23 08:38

第49周二

晚上总结下今天，主要是在完善用户需求文档，同时看了jquery相关的操作技巧，主要是想学习jquery源码，在知乎jquery精华里看到一篇不错的问答，里面写了如何看jquery源码的建议，并列出几个研究过源码作者的
·2015-10-23 08:09

【javascript基础】2、函数

PS：最近jQuery源码交流群(&nbs
·2015-10-23 08:33

jQuery.buildFragment源码分析以及在构造jQuery对象的作用

这个方法在jQuery源码中比较靠后的位置出现，主要用于两处。1是构造jQuery对象的时候使用 2.是为DOM操作提供底层支持，这也就是为什么先学习它的原因。
·2015-10-23 08:13

jQuery源码分析之globalEval函数

源码分析：globalEval:function(data){ if(data&&jQuery.trim(data)){ //WeuseexecScriptonInternetExplorer //Weuseananonymousfunctionsothatcontextiswindow //ratherthanjQueryinFirefox //IE浏览器我们用window.execScript
liangklfang·2015-10-22 12:00

JavaScript基础---语言基础（1）

接下来的一段时间，想把最近看的一些书分类整理一下（包括CSS，JS，AJAX，jQuery源码，D3，Nodejs基础等内容）。   语法
·2015-10-21 13:25

jQuery1.11源码分析(7)-----jQuery一些基本的API

这篇文章比较繁杂，主要就是把jQuery源码从上到下列出来，看我的注释就好了。 jQuery源码对各种加载器做了处理。
·2015-10-21 13:57

jQuery源码学习笔记十（改）

继续看jQuery这个经典的基于事件注册的东西。之前jQuery管理回调函数都依赖于一个叫global 的顶层变量，在jQuery1.2.2中（这个版本也是个重要的版本，修正了一百多处bug），搞出缓存系统，也是之前介绍过的jQuery.data。回调函数就不再存储在元素上面，取而代之，在这些元素做一个标识，通过标识获得这些回调函数。毕竟在DOM元素乱加自定义属性是内存泄漏的隐患，并开始支持复合类
·2015-10-21 12:35

jQuery源码学习笔记九

最近几天搞了一个基于事件代理的事件系统，但即便是事件代理还是要依赖于事件注册，因此深入研究了jQuery的事件系统，整理出来分享一下。 由于IE与标准浏览器闹别扭，我们通过虽然弄一个叫addEvent的函数来屏蔽差异。以下就是一个经典的addEvent函数： var addEvent = function( obj, type, fn ) { if (obj.addEventLi
·2015-10-21 12:35

jQuery源码学习笔记四

这一节重点讲jQuery对样式的处理，虽然IE同时拥有style,currentStyle与runtimeStyle，但没有一个能获取used value，这是原罪。直接导致的结果是处理样式，就是处理IE的非精确值问题，有时能否获得值也是个大问题。jQuery与其他类库一样，在这方面下了很大工夫，最终在这方面打败其他类库。 //@author 司徒正美|なさみ|cheng http://w
·2015-10-21 12:34

jQuery源码学习笔记五

在正式深入jQuery的核心功能选择器之前，还有一些方法，基本都是数组方法，用于遴选更具体的需求，如获得某个元素的所有祖选元素啦，等等。接着是其缓存机制data。 //@author 司徒正美|なさみ|cheng http://www.cnblogs.com/rubylouvre/ All rights reserved //去除两边的空白 trim: fun
·2015-10-21 12:34

jQuery源码学习笔记七

在Sizzle中有许多有用的辅助方法，我们继续一个个看。其中涉及许多BUG的修正以及一些很少见的API。 //@author 司徒正美|なさみ|cheng http://www.cnblogs.com/rubylouvre/ All rights reserved var sortOrder;//比较两个元素在页面上的顺序，返回正数,0,负数 //如果支持com
·2015-10-21 12:34

jQuery源码学习笔记三

还有一点，jQuery.prototype第一个阶级的能力部署就完成了。就像一个茧，jQuery对象包裹着一个或复数个DOM对象，jQuery对象的能力来自其prototype，而其prototype的方法则是jQuery.prototype的一个副本。 //@author 司徒正美|なさみ|cheng http://www.cnblogs.com/rubylouvre/ All rig
·2015-10-21 12:33

[原创] jQuery1.6.1源码分析系列（停止更新）

  jQuery源码分析（版本1.6.1） 00 前言开光 01 总体架构 02 正则表达式-RegExp-常用正则表达式 03 构造jQuery对象-源码结构和核心函数 03 构造
·2015-10-21 12:32

jquery源码分析-工具函数

jQuery的版本一路狂飙啊，现在都到了2.0.X版本了。有空的时候，看看jquery的源码，学习一下别人的编程思路还是不错的。 下面这里是一些jquery的工具函数代码，大家可以看看，实现思路还是很清晰的。 1 // 是否函数 2 isFunction: function( obj ) { 3 return jQuery.type(obj) ===
·2015-10-21 12:38

jQuery 中的编程范式

本文将结合jQuery源码的实现原理，对javascript中涌现出的编程范式和常用技巧作一简单介绍。 1. AJAX: 状态驻留，异步更新首先来看一点历史。
·2015-10-21 11:50

javascript笔记：深入分析javascript里对象的创建（上）

　　读jQuery源码时候，我常想到底那些因素会让我读不懂代码，其中最关键的是哪个，最早觉得是jQuery的架构设计，当我查阅资料终于找到jQuery架构设计的入口时候，我发现javascript基础语法的熟练运用才是读源码的关键
·2015-10-21 10:21

Jquery源码分析（修改）

1、概述    jQuery是一个非常优秀的JS库，与Prototype,YUI,Mootools等众多的Js类库相比，它剑走偏锋，从web开发实用的角度出发，抛除了其它Lib中一些不实用的东西，为开发者提供了短小精悍的类库。其短小精悍，使用简单方便，性能高效，能极大地提高开发效率，是开发web应用的最佳的辅助工具之一。因此大部分开发者在抛弃Prototype而选择J
·2015-10-21 10:44

Jquery源码分析(二）

  类型 说明 Dom Element   第一个参数为Dom元素，第二个参数不用。直接把Dom元素存在新生成的jQuery对象的集合中。返回这个jQuery对象。构建jQuery对象完成。   string   第一个参数为string有三种情况：  1、html的标签字符串，$(htm
·2015-10-21 10:43

Jquery源码分析(一）

1、概述                          jQuery是一个非常优秀的Js库，与prototype,YUI,Mootools等众多的Js类
·2015-10-21 10:42

jQuery源码分析之offset,position,offsetParent方法以及源码中常见的cssHooks,swap代码

jQuery.offset.setOffset源码分析：setOffset:function(elem,options,i){ varcurPosition,curLeft,curCSSTop,curTop,curOffset,curCSSLeft,calculatePosition, //获取该元素的position属性 position=jQuery.css(elem,"position"),
liangklfang·2015-10-18 17:00

jQuery源码分析之css方法

提前阅读：阅读css方法源码分析：css:function(name,value){ returnaccess(this,function(elem,name,value){ varstyles,len, map={}, i=0; //如果传入的第二个参数是数组对象,那么表示获取所有的属性的集合 //varstyleObj=$n2.css(["paddingTop","paddingRight",
liangklfang·2015-10-18 14:00

jQuery源码分析之width,height,innerWidth,innerHieght,outerWidth,outerHeight函数

提前阅读：点击打开链接（1）源码分析如下：jQuery.each({Height:"height",Width:"width"},function(name,type){ //{padding:innerHeight,content:height,"":outerHeight} //{padding:innerWidth,content:width,"":outerWidth} jQuery.ea
liangklfang·2015-10-17 20:00

jQuery源码分析之jQuery.event.special八问

参见博客：点击打开链接首先观看该图问题1：如果事件不冒泡怎么办?$("#n1").on("focus",function(e) { console.log("n1focus!"); }); $("#n3").on("focus",function(e) //子元素触发了focus,但是focus不冒泡，所以父元素n1不会触发! { console.log("n3focus!"); }); jQue
liangklfang·2015-10-17 16:00

jQuery源码分析之jQuery.event.fix方法五问

问题1：如何调用jQuery.event.fix方法?event=jQuery.event.fix(event);//回调函数触发的时候会传入一个JS的event对象 问题2：那些属性是键盘事件和鼠标事件共有的属性?props:"altKeybubblescancelablectrlKeycurrentTargeteventPhasemetaKeyrelatedTargetshiftKeytarg
liangklfang·2015-10-17 16:00

jQuery源码分析之blur focus focusin focusout load resize scroll unload click dblclick等方法

blurfocusfocusinfocusoutloadresizescrollunloadclickdblclick mousedownmouseupmousemovemouseovermouseoutmouseentermouseleave changeselectsubmitkeydownkeypresskeyuperrorcontextmenu源码如下：jQuery.each(("blur
liangklfang·2015-10-17 14:00

jQuery源码分析之从off方法看unbind,undelegate方法

请提前阅读：点击打开链接unbind方法源码：unbind:function(types,fn){ returnthis.off(types,null,fn); }undelegate方法源码：undelegate:function(selector,types,fn){ //(namespace)or(selector,types[,fn]) returnarguments.length===1
liangklfang·2015-10-17 13:00

jQuery源码分析之从on方法看bind,delegate,live,one方法一问

请提前阅读on方法源码分析：点击打开链接bind方法源码：bind:function(types,data,fn){ returnthis.on(types,null,data,fn); }delegate方法：delegate:function(selector,types,data,fn){ returnthis.on(types,selector,data,fn); }one方法：one:f
liangklfang·2015-10-17 12:00

jQuery源码分析之jQuery.event.remove方法

方法的源码分析如下：remove:function(elem,types,handler,selector,mappedTypes){ varj,handleObj,tmp, origCount,t,events, special,handlers,type, namespaces,origType, //获取该元素的jQuery内部数据 elemData=jQuery.hasData(elem)
liangklfang·2015-10-17 10:00

jQuery源码分析之jQuery.event.trigger及jQuery.Event十问

问题1：jQuery.event.trigger常见调用方式有那些?实例trigger方法trigger:function(type,data){ returnthis.each(function(){ jQuery.event.trigger(type,data,this);//调用了jQuery.event.trigger方法 }); }实例triggerHandle方法triggerHand
liangklfang·2015-10-15 15:00

jQuery源码分析之jQuery.event.add和jQuery.event.dispatch十一问

提前阅读handles相关知识 正则表达式相关知识 jQuery.event.fix相关知识问题1：jQuery.event.add有那些调用方式?自定义事件click._submitkeypress._submi：jQuery.event.add(this,"click._submitkeypress._submit",function(e){ //NodenamecheckavoidsaVML
liangklfang·2015-10-14 17:00

jQuery源码分析之jQuery.even.handlers八问

问题1：delegateCount到底是什么鬼,为什么抓着delegateCount不放?JS部分$("#father").on("click",".class",function(e)//传入了.class的选择器，说明他代理了.class所有的DOM元素 { console.log("child"); }) $("#father").on("click",".child1",function(
liangklfang·2015-10-14 15:00

jQuery源码分析之prop和removeProp方法

DOM对象实例方法prop源码：prop:function(name,value){ returnaccess(this,jQuery.prop,name,value,arguments.length>1); }如果传入一个参数，那么这时候value是undefined,第五个参数是false,为了方便我们还是附上access源码：如果是获取属性(value是false,chainable和bul
liangklfang·2015-10-13 15:00

jQuery源码分析之removeAttr方法和attr方法

jQuery.removeAttr函数源码测试：varrnotwhite=(/\S+/g); varpropFix={ "for":"htmlFor", "class":"className" }; attrHandle=jQuery.expr.attrHandle; ruseDefault=/^(?:checked|selected)$/i; getSetAttribute=$.support.
liangklfang·2015-10-13 14:00

前端事件系统（三）

这一篇是可以独自拿出来看，与前面两章虽然有些关系，但是如果只是对于jQuery源码有兴趣的，并且对前端事件有些理解的，从这章开始看也是可以的。
observernote·2015-10-12 18:00

jQuery源码详解

（转）jQuery是个出色的javascript库，最近结合它写javascript，看了下源码。先从整体、全局的看，jQuery的源码几乎都在下面的代码中：(function(){//……})();第一个括号里面是个匿名函数，第二个括号表示马上执行第一个括号里面的代码。首先明白，javascript里面是没有命名空间的，要保证你的javascript函数、对象与其他的不冲突，这里用了javasc
imhan·2015-10-12 15:00
上一页 11 12 13 14 15 16 17 18 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他