jQuery源码

jQuery源码分析之wrap,wrapInner,wrapAll,unwrap方法

首先我们回忆一下each实例方法的用法： $(document).ready(function(){ $("button").click(function(){ $("li").each(function(i,elem){ //首先这个each实例函数中，第一个参数是调用对象下标，第二个参数是调用对象DOM元素 //this指的是调用对象的DOM元素! }); }); }); 输出每个
liangklfang·2015-10-12 13:00

jQuery源码分析之empty和remove方法四问

注意：必须阅读，弄懂什么是仓库，什么是钥匙测试代码1：把id为first下面所有的子元素移除 $(document).ready(function(){ varps=document.getElementById("first"); while(ps.firstChild) { ps.removeChild(ps.firstChild); } }); Thisisaparagraph
liangklfang·2015-10-12 09:00

jQuery源码分析之appendTo,prependTo,insertBefore,insertAfter,replaceWith函数

源码如下：请提前阅读阅读vardeletedIds=[]; varpush=deletedIds.push; jQuery.each({ appendTo:"append", prependTo:"prepend", insertBefore:"before", insertAfter:"after", replaceAll:"replaceWith" },function(name,origin
liangklfang·2015-10-12 09:00

jQuery源码分析之jQuery中常用正则表达式分析

请提前阅读：点击打开链接正则表达式分析一：varrchecked=/checked\s*(?:[^=]|=\s*.checked.)/i; //打印true,\s*是贪婪匹配，表示直接跳到空格的最后，也就是跳过所有的空格，接着去匹配后面的字符!如果后面没有匹配到，那么就回溯! alert(rchecked.test("checked")); //打印true,因为是贪婪匹配，那么\s*会直接跳过所
liangklfang·2015-10-11 15:00

jQuery源码测试笔记之domManip函数

代码1：domManip调用的其它函数和正则表达式：disableScript(让script标签的type失效)//disableScript函数 //对[objectHTMLParagrahElement]里面的元素调用这个方法!但是因为getAll(fragment,"script")返回的长度是0所以没有元素要调用这里的方法 //如果这个里面有script标签才会调用这个disableSc
liangklfang·2015-10-11 13:00

jQuery源码分析之closest,has,addBack,addSelf,add方法

请提前阅读正则表达式，同时请提前阅读jQuery(selector,context)相关知识并理解这种调用方式是获取context下的子元素!closest源码分析(用于从当前匹配元素开始，逐级向上级选取符合指定表达式的第一个元素，并以jQuery对象的形式返回)：closest:function(selectors,context){ varcur, i=0, l=this.length, ma
liangklfang·2015-10-07 19:00

jQuery源码分析之parents,parentsUntil,next,prev,nextAll,prevAll,nextUntil,prevUntil,siblings,children

为了很清楚的理解parents,parentsUntil,next,prev,nextAll,prevAll,nextUntil,prevUntil,siblings,children,contents我们把这些实例函数提取出来测试,源码如下：jQuery.dir方法：dir:function(elem,dir,until){ //用于存储结果数组 varmatched=[], cur=elem[
liangklfang·2015-10-07 15:00

jQuery源码分析之实例find和filter方法的区别七问

问题1：jQuery.filter的源码是什么?jQuery.filter=function(expr,elems,not){ varelem=elems[0]; //如果含有第三个参数表示选择不满足特定条件的结果! if(not){ expr=":not("+expr+")"; } returnelems.length===1&&elem.nodeType===1? //如果选择集合只有一个元素
liangklfang·2015-10-07 09:00

jQuery源码分析之contains函数

jQuery,.contains底层调用的方法来自于JS的contains方法和compareDocumentPosition方法测试例子：//打印true alert(document.getElementById("sec").ownerDocument===document); //打印[objectHTMLDocument] alert(document.getElementById("s
liangklfang·2015-10-07 07:00

jQuery源码分析之$.grep()函数四问

问题1：jQuery.grep源码是什么?//grep函数,第三个参数表示是否根据fn的结果取反！ grep:function(elems,callback,invert){ varcallbackInverse, matches=[], i=0, //保存数组个数 length=elems.length, //对传入的第二个参数取反，true变成false，false变成true //如果inv
liangklfang·2015-10-06 17:00

jQuery源码分析之$.map函数

//传入一个空函数作为参数，返回一个空数组 //空函数的返回值为undefined，而null或undefined值会被$.map()忽略掉。看最后的判断if(value!=null) varresult=$.map([1,2,3],$.noop); document.writeln(result.length);//0测试代码1：vara={'1':'gg','2':'love','4':'me
liangklfang·2015-10-06 16:00

jQuery源码分析之$.index函数

测试代码1： item1 item2 item3 JS部分varfirst=$("span").first();//获取到第一个span元素id="nz" var$pre=first.prevAll();//获取该元素前面的所有的同级元素，为n4 alert($pre.length);//结果返回1，因为前面只有一个同级元素。如果n4前面还有一个span元素，那么this.first(
liangklfang·2015-10-06 15:00

jQuery源码分析之$.inArray()函数

测试代码1：//indexOf原生方法：indexOf(特定的元素，开始下标); //同时indexOf的第二个参数可以是负数，表示从倒数第几个开始，记住，此时不是看下标，而是看倒数第几个！ vararray=[2,5,9]; array.indexOf(9,-1);//2 array.indexOf(2,-3);//0 //如果第二个参数是负数，同时该负数加上数组长度依然小于0，那么就会搜索整个
liangklfang·2015-10-06 14:00

jQuery源码分析之jQuery.eq()和jQuery.get()方法比较

首先来一段测试代码： JS部分：//这里要记住了:通过源码分析，如果length不在有效范围之内那么传入pushStack //的参数是[]也就是空对象，所以返回空的jQuery对象! //打印:function(a,b){returnnewm.fn.init(a,b)} //$("div").constructor.length表示形参的个数 alert("选择器构造函数:"+$("div")
liangklfang·2015-10-06 11:00

jQuery源码分析之addClass,removeClass,toggleClass,hasClass详解四问

测试代码1：获取元素的class数组varcs="namesex" alert({}.toString.call(cs.match(/\S+/g))); //返回[objectArray],length是2.默认是空数组[],数组元素默认分隔符是逗号!测试代码2：正则表达式中的空白符Thisisaparagraph. alert(document.getElementById("p").class
liangklfang·2015-09-28 19:00

jQuery源码分析之jQuery.cleanData和jQuery.removeData以及jQuery._removeData十五问

具体分析可以参见这两博客:点开  点击打开链接提前阅读我上一篇博客:打开测试代码1：alert($.support.deleteExpando);//打印true，表示是否支持删除附加在DOMElement上面的数据 cache!=cache.window表示cache不是window对象,如果是window对象抛出异常 //见下面的例子：（在IE中无法用delete删除直接报错!） window
liangklfang·2015-09-28 19:00

jQuery源码分析之深入理解jQuery.data,jQuery._data以及data实例函数十八问

问题1：jQuery内部的数据保存的格式是什么，通过data保存的数据和注册的事件格式有什么区别?首先看下面的代码：$._data($("#data")[0],"name","qinliang"); $._data($("#data")[0],"sex","male"); $("#data").click(function() { console.log("click1"); }); $("#da
liangklfang·2015-09-28 10:00

jQuery源码分析之proxy函数

测试代码1： $(document).ready(function(){ varobjMyInfo={ name:"xx", sex:"male", showEvent:function() { alert(this); alert("this->"+this.value); } } //$("#button1").bind("click",objMyInfo.showEvent);//这时
liangklfang·2015-09-28 09:00

jQuery源码分析之jQuery.makeArray函数

测试代码1：functionw(html){ document.body.innerHTML+=""+html; } varobj={0:"CodePlayer",1:"Hello",2:18,3:true}; obj.length=4; //类数组对象不是真正的数组 w(objinstanceofArray);//false vararr=$.makeArray(obj); w(arrinsta
liangklfang·2015-09-28 09:00

jQuery源码分析之on方法

测试代码1：vardata={id:5,name:"张三"}; varevents={ "mouseenter":function(event){ $(this).html("你好，"+event.data.name+"!"); }, "mouseleave":function(event){ $(this).html("再见!"); } }; //为n5绑定mouseentermouseleav
liangklfang·2015-09-27 10:00

jQuery源码分析之jQuery.Event,$.stopImmediatePropagation,$.preventDefault,$.stopPropagation

请提前阅读jQuery.Event的部分测试代码1：$("button").click(function(e){ alert(einstanceofjQuery.Event);//打印true表示是jQuery.Event对象 alert(einstanceofMouseEvent);//打印false表示不是js的Event对象 alert(e.originalEventinstanceofjQ
liangklfang·2015-09-27 09:00

JQuery源码之“名叫extend的继承”

提起JS中的继承很多”大神“们都会提起call,apply,单纯的对象赋值继承，以及原型链继承等众多的方式以及它们的不足之处，而且还会不时的把一些面向对象的设计模式”团团“的带出来，可谓是厉害非常啊！而当被问道JQuery的extend却很少人真正去实际了解它的”秘密“。其实JQuery的继承方式就是一种拷贝方式的继承，但是在这里还有点小小的“猫腻”需要大家了解下。那么马上看这段代码：vara1=
soft.push("zzq")·2015-09-18 21:00

JQuery源码之“对象的结构解析”

   吃完午饭，觉得有点发困，想起了以后我们的产品可能要做到各种浏览器的兼容于是乎不得不清醒起来！我们的web项目多数是依赖于Jquery的。据了解，在Jquery的2.0版本以后对IE的低端版本浏览器不再支持（IE5,6,7,8）这样我们要做到兼容的话可能要调整当前jquery中的源代码。我使用NuGet中安装了最新的2.1.4版本。我们在项目中最最熟悉的就是使用JQ的选择器（$(...)），说
soft.push("zzq")·2015-09-13 14:00

jQuery源码分析之实例调用方法map,slice,first,last,end,sort,splice,push方法详解

 jQuery源码中的pushStack函数源码pushStack:function(elems){ //BuildanewjQuerymatchedelementset varret=jQuery.merge
liangklfang·2015-08-30 20:00

jQuery源码分析-整体架构

文章出处http://www.cnblogs.com/aaronjs/p/3278578.html拜读一个开源框架，最想学到的就是设计的思想和实现的技巧。废话不多说，jquery这么多年了分析都写烂了，老早以前就拜读过，不过这几年都是做移动端，一直御用zepto,最近抽出点时间把jquery又给扫一遍我也不会照本宣科的翻译源码，结合自己的实际经验一起拜读吧！github上最新是jquery-mas
mengera88·2015-08-27 00:00

DOM Level 2 Event与jQuery源码：捕获与冒泡

本文来讨论DOM标准中是如何规定这些JavaScript事件的，以及jQuery源码中DOM事件的实现方式。Jav
xmt1139057136·2015-08-25 23:00

jQuery源码阅读6.1— Sizzle架构

Sizzle是纯js实现的css选择器引擎代码架构(function(){//引擎入口varSizzle=function(selector,context,result,seed){...};//工具方法，排序、去重Sizzle.uniqueSOrt=function(result){...};//便捷方法，用指定的选这起expr对元素集合set进行过滤Sizzle.matches=functi
别天·2015-08-12 00:00

jQuery源码阅读5— jQuery原型属性和方法

整体架构：jQUery.fn=jQUery.prototype={constructor:jQUery,init:function(selector,context,rootjQuery){}selector:"";jquery:"1.7.1",length:0,size:function(){},toArray:function(){},get:function(){},pushStack:fu
别天·2015-08-11 00:00

jquery源码

null  与 undefined 都是  ==null 为true   alert(typeof(123))  number alert(typeof(NAN))   打印 number 不靠谱 alert($.isNumric(NAN))  1 isNumeric: function( obj ) { 2 return !
·2015-07-22 20:00

jquery 面向对象写法

第一次看jquery源码时，可以说是感觉无法看下去，各种设计模式，正则表达式，看的想把源码删了。不过，最终还是得看。。。。
CHENYU123123·2015-07-17 10:00

jQuery源码之ready()事件

     jquery中，等待DOM加载完成再执行的方法ready事件，相信大家经常使用该事件，今天，我们来看下jquery源码中是如何实现该功能的。
vuturn·2015-07-10 22:00

jquery源码之when

   $.when()是$.Deferred()的辅助方法。一、when的用法。 when接受多个Deferred对象作为入参，有以下几种情况：1.没有入参或者入参都不是Deferred对象时，直接执行$.when().done()中添加的函数。$.when() .done(function(){ alert("OK"); }) .fail(function(){ alert("failed");
vuturn·2015-07-02 20:00

关于JavaScript中立即执行函数的理解

翻看jQuery源码时可以看见jQuery采用的是第二种格式。格式上的区别并不能说明什么东西，只不过是大家自己的书写习惯而已啦！不必过
shenlei19911210·2015-06-28 16:00

jquery源码分析之Callbacks

   Callbacks是JQ的一个回调对象，可以对回调进行统一的管理。而且还为Deferred延迟对象提供了基础功能。 一、举例：functionaa(){ alert(1); } functionbb(){ alert(2); } setTimeout(function(){ aa(); },100); bb(); 以上代码执行顺序是bb(),然后执行aa()，但是如果我们想要aa()先执行，
vuturn·2015-06-22 21:00

jQuery源码——.html()方法原理解析

在将字符串转化为html碎片时，一般会将字符串作为容器的innerHTML属性赋值。但innerHTML有很多局限性，比如我们想转化的字符串中有标签并且包含一个立即执行的函数，如果将此字符串通过innerHTML转化为html碎片，标签中的函数并不会被执行。jQuery中的.html()函数可以弥补innerHTML的缺陷，我们看下这个方法是如何实现的。其实原理很简单：正则匹配标签，获取js函数，
俊鹏·2015-05-12 16:00

jQuery源码——.html()方法原理解析

在将字符串转化为html碎片时，一般会将字符串作为容器的innerHTML属性赋值。但innerHTML有很多局限性，比如我们想转化的字符串中有标签并且包含一个立即执行的函数，如果将此字符串通过innerHTML转化为html碎片，标签中的函数并不会被执行。jQuery中的.html()函数可以弥补innerHTML的缺陷，我们看下这个方法是如何实现的。其实原理很简单：正则匹配标签，获取js函数，
寒月十八·2015-05-12 16:00

修改jquery源码

jquery修改日志增加功能：为ajax请求增加回调函数：beforeSuccess()，其参数与success()相同，但在success()执行前执行修改版本：jquery-2.1.3.js1、在   ajax:function(url,options)中，源码line:7933-7935将以下代码：// Deferreds deferred = jQuery.Deferred(), comp
qiun·2015-05-04 17:00

使用jquery闭包构造模块(提高篇_实现jQuery)

如果读者读过jQuery源码，本文依然能够为你带来一些价值，因为在本文中封装myQuery所使用的方法是与jQue
u012246458·2015-04-24 13:00

jQuery源码的奥妙（一）

jQuery源码的奥妙（一）简化jQuery框架1、jQuery源码下载   下载地址：http://jquery.com/download/    下载版本：jquery-2.0.3.js    2、
jacklee1948·2015-04-06 15:16

jquery是怎样开始工作(1)

       学习js有段时间了，想从头把jquery的源码学习一遍，并把自己学到的知识写作笔记，算是激励自己把jquery源码学下去。
roccloudy·2015-03-26 01:00

Apple WatchKit 初探

AppleWatchKit初探2014/11/20|分类： IOS, 开发 | 0条评论 |标签： APPLE, APPLEWATCH分享到：1玩儿转Swift玩转Bootstrap（基础）jQuery
andyhe91·2015-03-21 16:00

2015年个人计划

1：找个女朋友2：养好身体3：深入了解java基础，看看jdk1.6,1.7的新特性，了解多线程，高并发，NIO4：深入了解javascript（继承，原型链，动态语言特性）5：jquery源码熟读并理解
有种下班别走·2015-03-04 10:00

jquery 总体架构

1  jquery目录结构代码清单1-1jQuery源码（jquery-1.7.1.js）的总体结构(function(window,undened){  //构造jQuery对象  varjQuery
yang_34·2015-03-03 17:16

jquery源码入口部分解析

作者：zccst 读完JavaScript Pattern后，再读jQuery源码感觉轻松很多，其中要点是： 构造函数 原型对象 new Contruction()的执行过程 封装（立即执行函数
zccst·2015-02-20 22:00

jQuery源码解读之removeClass()方法分析

本文较为详细的分析了jQuery源码解读之removeClass()方法。分享给大家供大家参考。具体分析如下：removeClass()方法和addClass()差别不大。
novaline·2015-02-20 11:14

jQuery源码解读之addClass()方法分析

本文较为详细的分析了jQuery源码解读之addClass()方法。分享给大家供大家参考。
novaline·2015-02-20 11:41

jQuery源码解读之hasClass()方法分析

本文较为详细的分析了jQuery源码解读之hasClass()方法。分享给大家供大家参考。
novaline·2015-02-20 11:40

jQuery源码解读之removeAttr()方法分析

本文较为详细的分析了jQuery源码解读之removeAttr()方法。分享给大家供大家参考。
novaline·2015-02-20 11:32

jQuery 源码分析

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

jQuery内部原理和实现方式浅析

这段时间在学习研究jQuery源码，受益于jQuery日益发展强大，研究jQuery的大牛越来越多，学习的资料也比前两年好找了，有很多非常不错的资源，如高云的jQuery1.6.1源码分析系列。
Hito''s Blog·2015-02-03 09:53
上一页 12 13 14 15 16 17 18 19 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他