高山上的鱼

//var deletedIds = []; //保存indexOf函数句柄 //var indexOf = deletedIds.indexOf; //inArray函数 inArray: function( elem, arr, i ) { var len; //表示有数组对象 if ( arr ) { //如果有indexOf原生方法就用原生方法 if ( indexOf

jquery的trigger和triggerHandler区别

源码如下： var rvalidtokens = /(,)|(\[|{)|(}|])|"(?:[^"\\\r\n]|\\["\\\/bfnrt]|\\u[\da-fA-F]{4})*"\s*:?|true|false|null|-?(?!0\d)\d+(?:\.\d+|)(?:[eE][+-]?\d+|)/g; jQuery.parseJSON1 = function( data ) {

请首先阅读buildFrament以及正则表达式相关源码 源码如下： //将字符串转化为节点数组!通过log可以知道 var rsingleTag = (/^(?:|)$/); jQuery.parseHTML1 = function( data, context, keepScripts ) { if ( !data || typeof data !== "string" ) { re

$.each工具函数 /*each函数的几种用法提前回顾 $.each([1,2,3], function(key, value){          alert("[" + key + "]=" + value);              return false; }); });      如果传入第三个参数，那么this指向前面那个object第n个属性，n表示迭代次

//jQuery.event函数几种调用方式！ //new jQuery.Event( type, typeof event === "object" && event );//其中type有可能是click字符串,在trigger函数里面调用了该方法，调用代码是： //type = hasOwn.call( event, "type" ) ? event.type : event也就是t

$.type工具函数 var class2type = {}; var toString = class2type.toString; //保存tostring，调用{}.tostring.call(obj);或者Object.prototype.tostring.call(obj);获取内置类型 var hasOwn = class2type.hasOwnProperty; //所以c

merge函数 merge: function( first, second ) { //如果second.length是一个字符串，那么+second.length就是数字了，通过typeof +"123"将返回number //如果是+ "xx"那么就会返回0，typeof还是会返回number var len = +second.length, j = 0, i = first.

makeArray函数 /*首先弄清楚什么是类数组！http://www.365mini.com/page/jquery_makearray.htm function w( html ){     document.body.innerHTML += "" + html; } var obj = { 0:"CodePlayer", 1: "Hello", 2: 18, 3: tr

//isArrayLike函数，该函数是在jquery内部调用的 function isArraylike( obj ) { // Support: iOS 8.2 (not reproducible in simulator) // `in` check used to prevent JIT error (gh-2145) // hasOwn isn't used here d

closest源码分析：        //调用方式：jQueryObject.closest( expr [, context ] ) closest: function( selectors, context ) { var cur, i = 0, //选择器选择对象的个数 l = this.length, //保存结果集合 matched = [], //var rneed

ajaxSetup源码分析： ajaxSetup: function( target, settings ) { return settings ? // Building a settings object ajaxExtend( ajaxExtend( target, jQuery.ajaxSettings ), settings ) : // Extending aj

index: function( elem ) { // No argument, return index in parent //调用方式： $("li").index( ) //如果没有传入参数，那么 if ( !elem ) { //首先，获取满足选择器的第一个元素，然后获取第一个元素前面的所有的同级元素的个数 /* HTML部分: item1 item2

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

//addClass函数 //调用方式$(selector).addClass(class)或者$(selector).addClass(function(index,oldclass)) addClass: function( value ) { var classes, elem, cur, clazz, j, finalValue, i = 0, //选择器选择的元素的个数 le

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

//contains函数 //调用方式：jQuery.contains( container, contained ) //jQuery,.contains底层调用的方法来自于JS的contains方法和compareDocumentPosition方法 Sizzle.contains = function( context, elem ) { // Set document vars i

offset方法源码分析： //获取当前元素相对于文档的偏移量 offset: function( options ) { //如果有参数表示设置调用对象的相应属性! if ( arguments.length ) { return options === undefined ? this : this.each(function( i ) { jQue

首先我们给出下面的HTML代码： child1 child2 child1 child2 调用方式1：第二个参数context是DOM元素 var doms=$(".child",$("#parent")[0]); console.log(doms); 这时候第二个参数是DOM对象，打印[div.child, div.child,

首先我们回忆一下each实例方法的用法： $(document).ready(function(){ $("button").click(function(){ $("li").each(function(i,elem){ //首先这个each实例函数中，第一个参数是调用对象下标，第二个参数是调用对象DOM元素 //this指的是调用对象的DOM元素!

问题1：当我们回调队列中的函数的时候会传给他什么参数，他的上下文是什么 /*通过_queueHooks我们知道，他其中封装了Callbacks对象，他可以提前使得我们清除元素上面的队列集合，同时once和memory告诉我们调用fire以后，就会使得Callbacks中封装的集合变成[],所以多次调用fire是没有意义的*/ _queueHooks: function( elem, type )

首先我们给出一个例子： HTML部分： JS部分： $("#n1").on("click",function(){alert("n1 ")}); $("#n2").on("click",function(){alert("n2 ")}); $("#n3")[0].onclick=function() { alert("click1 invoked!"); retur

问题1：回调函数的上下文是什么? s = jQuery.ajaxSetup( {}, options ), // Callbacks context //回调函数上下文,默认是自己指定的context，如果没有自己指定context那么就是总的options对象! //在ajaxSetup中的逻辑分为： //第一步url，context直接封装到target上面(因为URL和con

问题1：解决IE6-8中移除自定义事件导致的内存泄漏问题 jQuery.removeEvent = document.removeEventListener ? function( elem, type, handle ) { if ( elem.removeEventListener ) { elem.removeEventListener( type, handle, false

jQuery源码分析之内置函数internalData

请提前阅读：点击打开链接 detach源码分析： detach: function( selector ) { return this.remove( selector, true ); } 可见detach内部调用的是remove函数，同时把selector传入remove方法，但是第二个参数是true，所以remove方法中的keepData是true表示不会调用里面的cleanDa

internalRemoveData函数详解 function internalRemoveData( elem, name, pvt ) { if ( !jQuery.acceptData( elem ) ) { return; } var thisCache, i, isNode = elem.nodeType, // See jQuery.data for more

测试代码1：把id为first下面所有的子元素移除 $(document).ready(function(){ var ps=document.getElementById("first"); while(ps.firstChild) { ps.removeChild(ps.

首先给出测试用例: HTML部分： 给出JS部分代码： var handlers1=function( event, handlers ) { var sel, handleObj, matches, i, handlerQueue = [], //获取这个数组的delegateCount表示delegate了几个对象 delegateC

dispatch方法源码： var rnotwhite = (/\S+/g); var rtypenamespace = /^([^.]*)(?:\.(.+)|)$/; var strundefined=undefined; var slice=[].slice; //当点击对象时候就会调用下面的eventHandle对象，传入的参数是Event对象! jQuery.event.dispatc

源码如下： var rformElems = /^(?:input|select|textarea)$/i, rkeyEvent = /^key/, rmouseEvent = /^(?:mouse|pointer|contextmenu)|click/, rfocusMorph = /^(?:focusinfocus|focusoutblur)$/, rtypenam

参见博客：点击打开链接 jQuery.event.special源码如下： special: { load: { // Prevent triggered image.load events from bubbling to window.load //防止img元素的load事件冒泡到window的onload事件上面 noBubble: true }, foc

其实际上和ajaxPrefilters逻辑一样，还是通过返回一个闭包函数来完成的。 function addToPrefiltersOrTransports( structure ) { // dataTypeExpression is optional and defaults to "*" return function( dataTypeExpression, func ) {

问题1：如果我绑定focusin，那么底层是如何处理的? 在jQuery.event.add方法中 special = jQuery.event.special[ type ] || {};//获取初始事件的对象 // If selector defined, determine special event api type, otherwise given type type = (

请提前阅读on方法源码分析：点击打开链接 bind方法源码： bind: function( types, data, fn ) { return this.on( types, null, data, fn ); }delegate方法： delegate: function( selector, types, data, fn ) { return this.on( type

get/post源码如下： jQuery.each( [ "get", "post" ], function( i, method ) { //如果第二个参数就是函数，那么表示没有传入数据! jQuery[ method ] = function( url, data, callback, type ) { // shift arguments if data argument was

请阅读我其它的关于inspectPrefiltersOrTransport以及ajaxTransport等相关博文，请了解readyState状态码 针对获取到location.href的兼容代码： try { ajaxLocation = location.href; } catch( e ) { // Use the href attribute of an A element

首先我们要介绍一个winnow函数，它用于filter函数                 function winnow( elements, qualifier, not ) { //如果qualifier是函数，那么给每一个对象调用 if ( jQuery.isFunction( qualifier ) ) { return jQuery.grep( elements, functi

jQuery源码中正则表达式分析

/*grep函数,第三个参数表示是否根据fn的结果取反！*/ grep: function( elems, callback, invert ) { var callbackInverse, matches = [], i = 0, //保存数组个数 length = elems.length, //对传入的第二个参数取反，true变成false，false变成true //如果i