(function( window, undefined ) {
// jQuery 代碼

})(window);

var jQuery = (function() {
 // 創(chuàng)建 jQuery 對(duì)象
var jQuery = function( selector, context ) {
 // 略

 };

 // 創(chuàng)建 jQuery.fn 對(duì)象
 jQuery.fn = jQuery.prototype = {
 // 略
 };

 // 聲明 jQuery.extend 
 jQuery.extend = jQuery.fn.extend = function() {
 // 略
 };

 // 使用 jQuery.extend 擴(kuò)展自己
 jQuery.extend({
 // 略

 });

 // 瀏覽器方面的一些瑣碎
 // 略

 // 定義全局對(duì)象
 return (window.jQuery = window.$ = jQuery);

})();

var jQuery = function( selector, context ) {
 // 實(shí)際上 jQuery 對(duì)象是 jQuery.fn.init 返回的。
 return new jQuery.fn.init( selector, context, rootjQuery );
} 

 init: function( selector, context, rootjQuery ) {
 // 參數(shù): selector 選擇器
 // context 上下文
 // rootjQuery 父節(jié)點(diǎn)

 // 處理 $("")、 $(null) 和 $(undefined)
 if ( !selector ) {
 return this;
 }

 // 處理 $(DOMElement)
 if ( selector.nodeType ) {

 // 直接扔數(shù)組中， 就搞定了。
 this.context = this[0] = selector;
 this.length = 1;
 return this;
 }

 // 處理 $("body") body 元素只存在一次，單獨(dú)找它
 if ( selector === "body" && !context && document.body ) {

 // 同樣扔數(shù)組中， 順便把 selector 更新更新。
 this.context = document;
 this[0] = document.body;
 thisis.selector = "body";
 this.length = 1;
 return this;
 }

 // 處理 $(HTML 代碼 或者是 css 選擇器) 
 if ( typeof selector === "string" ) {
 // 略
 
 // 處理 $(函數(shù))
 } else if ( jQuery.isFunction( selector ) ) {

 // 如果是函數(shù)，則執(zhí)行 $(document).ready , 這樣 $(document).ready(func) 簡(jiǎn)為 $(func)
 return rootjQuery.ready( selector );
 }

 // 略。

 // 如果傳入的是一個(gè) Dom列表 ( getElementsByTagName 結(jié)果 ) 則轉(zhuǎn)為 jQuery 數(shù)組。
 return jQuery.makeArray( selector, this );
}

// 這部分代碼是 上段中 略 的 也就是說是 jQuery(字符串) 處理。

// 檢查是否字符串是常用選擇器 (/^(?:[^<]*(<[\w\W]+>)[^>]*$|#([\w\-]+)$)/)
match = quickExpr.exec( selector );

 // 檢查是否正確匹配
 if ( match && (match[1] || !context) ) {

 // 處理: $(html) -> $(array)
 if ( match[1] ) {

 // 獲取正文，默認(rèn) document
 context = context instanceof jQuery ? context[0] : context;
 doc = (context ? context.ownerDocument || context : document);

 // 如果傳入簡(jiǎn)單的 "<標(biāo)簽>"， ( /^<(\w+)\s*\/?>(?:<\/\1>)?$/)
 ret = rsingleTag.exec( selector );

 // 返回 createElement("tag")

 return jQuery.merge( this, selector );

 // 處理: $("#id")
 } else {
 elem = document.getElementById( match[2] );

 // 因?yàn)橛械臑g覽器 getElementById 不只返回 id匹配的，所以做檢查。
 return this;
 }

 // 處理 $("標(biāo)簽")
 } else if ( !context && !rnonword.test( selector ) ) {
 this.selector = selector;
 this.context = document;
 selector = document.getElementsByTagName( selector );
 return jQuery.merge( this, selector );

 //處理: $(選擇器, $(...))
 } else if ( !context || context.jquery ) {
 return (context || rootjQuery).find( selector );

 // 處理: $(選擇器, 上下文)
 // (相當(dāng)于: $(上下文).find(選擇器)
 } else {
 return this.constructor( context ).find( selector );
 }

noConflict: function( deep ) {
 window.$ = _$;

 if ( deep ) {
 window.jQuery = _jQuery;
 }

 return jQuery;
 },

bindReady: function() {

 // 如果已經(jīng)執(zhí)行 bindReady 則返回。
 if ( readyBound ) {
 return;
 }

 readyBound = true;

 // 如果頁面已經(jīng)加載， 馬上執(zhí)行 jQuery.ready
 if ( document.readyState === "complete" ) {
 return setTimeout( jQuery.ready, 1 );
 }

 // 標(biāo)準(zhǔn)瀏覽器支持 DOMContentLoaded
 if ( document.addEventListener ) {
 // 你懂的
 document.addEventListener( "DOMContentLoaded", DOMContentLoaded, false );

 // 為什么還要 load ? ， 因?yàn)橛行r(shí)候 DOMContentLoaded 失敗(如 iframe) ，而 load 總是會(huì)成功， 所以，同時(shí)處理 DOMContentLoaded load， 在 jQuery.ready 中會(huì)刪除監(jiān)聽函數(shù)，保證最后這個(gè)函數(shù)只執(zhí)行一次
 window.addEventListener( "load", jQuery.ready, false );

 // IE瀏覽器( IE 8 以下)
 } else if ( document.attachEvent ) {

 // 使用 onreadystatechange
 document.attachEvent("onreadystatechange", DOMContentLoaded);

 // 同理
 window.attachEvent( "onload", jQuery.ready );

 // 如果 IE 下且非 iframe, 這里有個(gè)技巧。 見 doScrollCheck();
 // 原理: 瀏覽器在沒加載時(shí) 設(shè)置 scrollLeft 會(huì)錯(cuò)誤，所喲每隔1秒廁所 是否 scrollLeft 成功，如果發(fā)現(xiàn)成功，則執(zhí)行 jQuery.ready 。但這只對(duì)非 frame 會(huì)有用。
 var toplevel = false;

 try {
 toplevel = window.frameElement == null;
 } catch(e) {}

 if ( document.documentElement.doScroll && toplevel ) {
 doScrollCheck();
 }
 }
 },

attr: function( elem, name, value, pass ) {
 // 檢查是否為 nodeType 為 Element
 if ( !elem || elem.nodeType === 3 || elem.nodeType === 8 || elem.nodeType === 2 ) {
 return undefined;
 }

 // 如果這個(gè)屬性需要特殊對(duì)待。 height/width/left 等屬性需特殊計(jì)算
 if ( pass && name in jQuery.attrFn ) {
 return jQuery(elem)[name](value);
 }

 // 檢查是否為 XML 還 HTML 
 var notxml = elem.nodeType !== 1 || !jQuery.isXMLDoc( elem ),
 // Whether we are setting (or getting)
 set = value !== undefined;

 // 修正名字， 比如 float 改 cssFloat
 name = notxml && jQuery.props[ name ] || name;

 // 只有在節(jié)點(diǎn)的時(shí)候執(zhí)行。
 if ( elem.nodeType === 1 ) {
 // 在 IE7- 下， href src 屬性直接獲取會(huì)返回絕對(duì)位置，而不是真實(shí)的位置字符串，
 // 要獲得它們的真實(shí)值，需要 elem.getAttribute("href", 2);
 var special = rspecialurl.test( name );

 // Safari 誤報(bào)默認(rèn)選項(xiàng)。通過獲取父元素的已選擇索引來修復(fù)。
 if ( name === "selected" && !jQuery.support.optSelected ) {
 var parent = elem.parentNode;
 if ( parent ) {
 parent.selectedIndex;

 // 對(duì) optgroups ，同理
 if ( parent.parentNode ) {
 parent.parentNode.selectedIndex;
 }
 }
 }

 // 檢查屬性是否存在， 有些時(shí)候 name in elem 會(huì)失敗，所以多次測(cè)試。
 if ( (name in elem || elem[ name ] !== undefined) && notxml && !special ) {

 // 如果設(shè)置屬性
 if ( set ) {
 // 在IE， 不能設(shè)置屬性 type 。
 if ( name === "type" && rtype.test( elem.nodeName ) && elem.parentNode ) {
 jQuery.error( "type property can't be changed" );
 }

 // 如果 value === null， 表示移除屬性
 if ( value === null ) {
 if ( elem.nodeType === 1 ) {
 elem.removeAttribute( name );
 }

 } else {

 // 一切屬性設(shè)置就是1句話。。。
 elem[ name ] = value;
 }
 }

 // 表單索引元素獲取需要 getAttributeNode( name ).nodeValue
 if ( jQuery.nodeName( elem, "form" ) && elem.getAttributeNode(name) ) {
 return elem.getAttributeNode( name ).nodeValue;
 }

 // elem.tabIndex 特殊處理
 if ( name === "tabIndex" ) {
 var attributeNode = elem.getAttributeNode( "tabIndex" );

 return attributeNode && attributeNode.specified ?
 attributeNode.value :
 rfocusable.test( elem.nodeName ) || rclickable.test( elem.nodeName ) && elem.href ?
 0 :
 undefined;
 }

 return elem[ name ];
 }

 // 處理 style 屬性
 if ( !jQuery.support.style && notxml && name === "style" ) {
 if ( set ) {
 elem.style.cssText = "" + value;
 }

 return elem.style.cssText;
 }

 if ( set ) {
 // 這里除了 IE， 其它屬性使用標(biāo)準(zhǔn) setAttribute 
 elem.setAttribute( name, "" + value );
 }

 // 如果屬性不存在，返回 undefined， 而不是 null 或 "" 之類的。
 if ( !elem.attributes[ name ] && (elem.hasAttribute && !elem.hasAttribute( name )) ) {
 return undefined;
 }

 // 見上
 var attr = !jQuery.support.hrefNormalized && notxml && special ?
 // Some attributes require a special call on IE
 elem.getAttribute( name, 2 ) :
 elem.getAttribute( name );

 // 同上
 return attr === null ? undefined : attr;
 }
 // 如果不是 DOM 元素，檢查處理。
 if ( set ) {
 elem[ name ] = value;
 }
 return elem[ name ];
 }

add: function( elem, types, handler, data ) {

 // 只對(duì)節(jié)點(diǎn)操作。
 if ( elem.nodeType === 3 || elem.nodeType === 8 ) {
 return;
 }

 // IE 無法傳遞 window，而是復(fù)制這個(gè)對(duì)象 。
 if ( jQuery.isWindow( elem ) && ( elem !== window && !elem.frameElement ) ) {
 elem = window;
 }

 // 如果 handler === false， 也就是說就是阻止某事件，
 // 這樣只要 bind("evt", false); 就是阻止此事件。
 if ( handler === false ) {
 handler = returnFalse;
 } else if ( !handler ) {
 return;
 }

 // handleObjIn 是內(nèi)部處理句柄， handleObj 是直接使用的處理句柄。
 var handleObjIn, handleObj;

 if ( handler.handler ) {
 handleObjIn = handler;
 handler = handleObjIn.handler;
 }

 // 為函數(shù)生成唯一的 guid 。具體下面介紹。
 if ( !handler.guid ) {
 handler.guid = jQuery.guid++;
 }

 // 獲取一個(gè)節(jié)點(diǎn)的數(shù)據(jù)。
 var elemData = jQuery.data( elem );

 // 如果沒有數(shù)據(jù)，則直接返回。
 if ( !elemData ) {
 return;
 }

 // 避免和原生的js對(duì)象混淆。
 var eventKey = elem.nodeType ? "events" : "__events__",

 // 這里就是關(guān)鍵。
 // elemData 是存儲(chǔ)數(shù)據(jù)的位置， 而 elemData[ eventKey ] 就是存儲(chǔ)當(dāng)前事件的對(duì)象。 elemData.handle 就是當(dāng)前綁定的所有函數(shù)數(shù)組。
 // 也就是說，當(dāng)我們綁定一個(gè)函數(shù)時(shí)，會(huì)往 elemData.handle 放這個(gè)函數(shù)，然后事件觸發(fā)時(shí)，會(huì)遍歷 elemData.handle 中函數(shù)然后去執(zhí)行。
 // 肯能有人會(huì)問，為什么這么做，因?yàn)樵腄OM內(nèi)部也有一個(gè) 函數(shù)數(shù)組，事件觸發(fā)后會(huì)執(zhí)行全部函數(shù)。答案還是 兼容。
 // 標(biāo)準(zhǔn)瀏覽器使用 addEventListener
 // IE 使用 attachEvent
 // 而這2者還是有差距的。因?yàn)?addEventListener 執(zhí)行函數(shù)的順序即添加函數(shù)的順序，然而 attachEvent 執(zhí)行函數(shù)的順序和添加的順序是相反的。
 // jQuery 使用自定義的 handler 數(shù)組，好處有:
 // 因?yàn)樽詈髢H綁定一次原生事件，事件觸發(fā)后，手動(dòng)執(zhí)行 數(shù)組中的函數(shù)。這樣保證兼容。
 // 同時(shí)也可以知道到底綁定了什么函數(shù)，可以方便 trigger 函數(shù)的完成。

 events = elemData[ eventKey ],
 eventHandle = elemData.handle;

 // 一些功能。。
 if ( typeof events === "function" ) {
 eventHandle = events.handle;
 events = events.events;

 } else if ( !events ) {
 if ( !elem.nodeType ) { 
 elemData[ eventKey ] = elemData = function(){};
 }

 elemData.events = events = {};
 }

 // 如果是第一次執(zhí)行，需創(chuàng)建 eventHandle
 if ( !eventHandle ) {

 // eventHandle 就是真正綁定到原生事件的那個(gè)函數(shù)，這個(gè)函數(shù)用來執(zhí)行events.hadlers 用。
 elemData.handle = eventHandle = function() {
 // Handle the second event of a trigger and when
 // an event is called after a page has unloaded
 return typeof jQuery !== "undefined" && !jQuery.event.triggered ?
 jQuery.event.handle.apply( eventHandle.elem, arguments ) :
 undefined;
 };
 }

 // 綁定函數(shù)和原生，這樣可以保證函數(shù)可執(zhí)行為目前作用域。
 eventHandle.elem = elem;

 // 處理 jQuery(...).bind("mouseover mouseout", fn);
 types = types.split(" ");

 var type, i = 0, namespaces;

 while ( (type = types[ i++ ]) ) {
 handleObj = handleObjIn ?
 jQuery.extend({}, handleObjIn) :
 { handler: handler, data: data };

 // 略
 
 // 綁定 type guid
 handleObj.type = type;
 if ( !handleObj.guid ) {
 handleObj.guid = handler.guid;
 }

 // 獲取當(dāng)前的函數(shù)數(shù)組。
 var handlers = events[ type ],
 special = jQuery.event.special[ type ] || {};

 // 如果第一次，則創(chuàng)建這個(gè)數(shù)組。
 if ( !handlers ) {
 handlers = events[ type ] = [];

 // 特殊事件要執(zhí)行 setup 而不是標(biāo)準(zhǔn) addEventListener。
 // 此行用來支持自定義的事件。
 if ( !special.setup || special.setup.call( elem, data, namespaces, eventHandle ) === false ) {
 // 標(biāo)準(zhǔn)事件。 這里綁定的為 eventHandle
 if ( elem.addEventListener ) {
 elem.addEventListener( type, eventHandle, false );

 } else if ( elem.attachEvent ) {
 elem.attachEvent( "on" + type, eventHandle );
 }
 }
 }

 // 自定義事件，執(zhí)行 add
 if ( special.add ) {
 special.add.call( elem, handleObj );

 if ( !handleObj.handler.guid ) {
 handleObj.handler.guid = handler.guid;
 }
 }

 // 不管是不是首次，都放入目前綁定的函數(shù)。
 handlers.push( handleObj );

 // 為實(shí)現(xiàn) trigger 。
 jQuery.event.global[ type ] = true;
 }

 // 讓IE下可以正常回收 elem 內(nèi)存。
 elem = null;
 },

jQuery.Event = function( src ) {
 // 支持 沒有 new jQuery.Event
 if ( !this.preventDefault ) {
 return new jQuery.Event( src );
 }

 // 略

}

var t = 0, f = 某個(gè)變換;

setInterval(function(){

 var delta = f(t);

 var x = x1 + (x2 - x1) * dalta;

 // 更新顯示 x

 t++;

}, 1000 / fps);