Night_Emperor的博客

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

数据缓存：构造函数Data():var obj = {'name':'hello'}; Object.defineProperty(obj,0,{ get: function() { return {}; } }); console.log(obj[0]);//Object {} console.log(obj['name']);//hello  obj[0] =

1.工具方法$.queue():queue: function( elem, type, data ) { var queue; if ( elem ) { type = ( type || "fx" ) + "queue"; queue = data_priv.get( elem, type ); // Speed up dequeue by getting out...

原文链接：http://www.cnblogs.com/xcj26/p/3345556.html一：导言 　　有些WEB开发者，会引用一个JQuery类库，然后在网页上写一写("#")，("#")，(".")，写了几年就对别人说非常熟悉JQuery。我曾经也是这样的人，直到有一次公司里的技术交流，我才改变了自己对自己的看法。二：普及JQuery知识知识1：用JQuery写插件时，最核心的方法有如下...

jQuery运动$('#div1').hide(1000); //width height opacity$('#div1').animate({ width : 'hide' , height : 'hide' , opacity : 'hide' },1000,'linear'});//上面两条语句是等效的$('#div1').slideToggle(1000); //height$...

调用$.noConflict()放弃对window.$的使用权；调用$.noConflict(true)放弃对window.jQuery的使用权。下列是jQuery中的部分源码：定义三个局部变量：var _jQuery = window.jQuery, _$ = window.$, jQuery = function( selector, context ) {};相当于var _jQuery ...

原文链接：http://www.cnblogs.com/wdlhao/p/5608776.html本文版权归作者和博客园共有，欢迎转载。1、认识 　　$().each()遍历当前jQuery对象，并在每一个元素上执行回调函数。其方法内部是通过调用静态方法jQuery.each()来实现的。 　　jQuery.each()是一个通用的遍历迭代的静态方法，用于无缝的遍历对象或者数组。如果是数组,回调函...

$.each(): 当只有两个参数时，callback回调函数的参数是i,obj[i]，即callback(i,obj[i])              当有三个参数时，callback回调函数的参数是args，即callback(args)               当callback()函数的返回值是false是，会终止for循环               callback.apply( ...

jQuery对象的入栈：实质就是返回一个新的jQuery对象，新的jQuery对象是由空jQuery对象合并参数元素后的结果，并在新的jQuery对象的prevObject属性保存着前一个(当前)jQuery对象var div = $('div');//选中三个空的divvar div1 = $();console.log(div);console.log(div1);<script&...

function getStyles( elem ) { //这里没有做兼容处理,IE6~8是不支持getComputedStyle()方法,但是有currentStyle属性 return window.getComputedStyle( elem, null );}元素的style属性，只能获取行间样式，可以设置样式，也能获取行间的复合样式getComputedstyle()可以获取非行...

如果不使用new，aQuery()得到的永远是一个对象aQuery.prototype，因为aQuery.prototype调用init()函数，this就指向aQuery.prototype，aQuery()运行的值永远是一个结果，这样是不可以的，所以要使用newvar aQuery = function(selector, context) { return aQuery.proto...

jQuery源码中的正则表达式1.事件类型的命名空间rtypenamespace = /^([^.]*)(?:\.(.+)|)$/;中括号[]里面的特殊字符是不用转义的。（）里面的前面加上?:使分组变成非捕获性分组var rtypenamespace = /^([^.]*)(?:\.(.+)|)$/;var arr1 = "click.aaa.bbb".match(rtypenamespace)...

jQuery事件 .on():使用方法：$('#div1').on('click',function(){ alert(123); }); $('#div1').on('click',{name:'hello'},function(ev){ alert(ev.data.name); }); $('ul').on('click','li',{name:'hello'},funct...

本文是两篇文章的拼凑：http://www.cnblogs.com/skyoo/archive/2012/04/06/2435469.htmlhttp://www.cnblogs.com/mossbaoo/p/5898523.htmlJquery中的选择器主要分为基本选择器、层次选择器、过滤选择器、表单选择器四种。下面主要用图的实行来逐个介绍每一种选择器所包含的内容：1.基本选择器：与CSS选择器...

prop()和attr()prop()：下列代码默认是选中状态，点击按钮，弹出true；取消选中状态，点击按钮，弹出false<input type="checkbox" checked="checked"/><input id="box1" type="button" value="prop" /><script type=&qu

offset():到屏幕的距离，不用管父级有没有相对定位positon():到定位的父级元素的距离div1没有定位时，两者结果相同<style type="text/css"> *{ margin: 0; padding: 0; } #div1{ width: 200px;height: 200px;background-color: red;margin...

jQuery中的JSONP: 无标题文档 $.ajax({ type:"get", url:"./data.php?", dataType:"jsonp", jsonp:"cb", jsonpCallback:"fn", async:true, success:function (

load( url, [ data ], [ callback(responseText, textStatus, XMLHttpRequest) ] ):load()方法的URL参数的语法结构为：“url selector”。注意，URL和选择器之间有一个空格。load.html无标题文档 $(function(){ $('#div1').load('data.

jQuery.each( { Height: "height", Width: "width" }, function( name, type ) { jQuery.each( { padding: "inner" + name, content: type, "": "outer" + name }, function( defaultExtra, funcName ) { // marg

jQuery.extend = jQuery.fn.extend = function() { var options, name, src, copy, copyIsArray, clone, target = arguments[0] || {}, i = 1, length = arguments.length, deep = false; // Handle a de

toArray:专属组toArray: function() { return core_slice.call( this ); },$('div') : { 0 : div , 1 : div , 2 : div , length : 3 }，得到的是json对象；$('div').toArray() : [div,div,div]，得到的是数组。原生数组，不能调用jQuery方法

on():div 11111 11111 11111 11111$('#div1').on('click',function(){ alert(123); });$('#div1').on('click',{name:'hello'},function(ev){ alert(ev.data.name); });$('ul').on('clic

filter() not() has():div1spandiv2$('div').filter('.box').css('border','1px red solid');选出div，并且类为box,进行操作$('div').not('.box').css('border','1px red solid');选择div 并且类不是box，进行操作$('div')

remove()和detach()的区别：$('div').click(function(){ alert(123); });var $div = $('div').detach();$('body').append( $div );//使用detach()方法删除，再添加后，仍具有点击事件。$('div').click(function(){ alert(123); });va...

$.param(): console.log($.param({'aaa':'1','bbb':'2'}));//aaa=1&bbb=2 console.log($.param({'aaa':'[','bbb':'2'}));//aaa=%5B&bbb=2 console.log($.param({'aaa':[1,3],'bbb':'2'}));//aaa%5B%5D=1&

jQuery学习笔记：function myAddEvent(obj, sEv, fn){ if(obj.attachEvent) { obj.attachEvent('on'+sEv, function (){ if(false==fn.call(obj)) { event.cancelBubble=true; return false; }

alert( {}.toString.call(new Date) );//[object Date]alert( {}.toString.call([]) ); //[object Array]alert( {}.toString.call(new RegExp) );//[object RegExp]alert( {}.toString.call(new Function) )

jQuery中的加载：$(function(){ alert(1);});调用的是rootjQuery.ready( selector );其中rootjQuery = jQuery(document);所以上述代码可以写成：$(document).ready(function(){ alert(1);});$().ready()中的ready()是实例方法：ready:

globalEval()：实际就是全局的eval()函数，并且做了兼容处理。首先理解eval()函数：eval()函数执行一段JavaScript代码字符串，只有直接使用eval()本身，会在当前作用域中执行代码，否则相当于在全局作用域中执行代码。例1.直接使用eval()本身，相当于在当前作用域执行代码： var foo = 1; function test()

每个then()函数都会返回一个新的deferred对象，then方法先根据父级状态执行添加的函数，然后再根据情况修改状态。在父级的deferred对象的三个添加函数done fail progress中，都添加了一个相同的函数。如果函数的执行结果返回的也是一个deferred对象，则then方法返回的deferred对象对象的状态取决于函数返回的deferred对象。 ...

对象自变量：两种形式：|obj| is a plain object, created by {} or constructed with new Object1. var obj = {};2. var obj = new Object();obj.constructor.prototype中有isPrototypeof ()方法，因为只有Object.prototype中有is

选项卡：内容模块默认不显示，添加show样式后显示，默认第一个内容的类是show，点击哪个标签，对应的内容添加show样式，其余删除show样式。可以利用data属性将标签和内容div联系在一起，也可以通过index下标将两者联系正在一起<!DOCTYPE html> <html> <head> <meta charse...