c();
//.......................................................jquery整體框架................................................................... (function(){ (21,94) 定義了一些變量和函數 jquery = function() {}; (96,283) 給JQ對象添加一些方法和屬性 (285,347) extend :JQ的繼承和方法 (349,817) jquery.extend() :擴展工具方法(靜態方法) 實例方法:需要對象來調用,原生js用不了 $().CSS() $().html() 靜態方法:(工具方法):原生js可以用 $.trim() $.PRoxy() (877,2856) Sizzle :復雜選擇器的實現 (2880,3042) Callbacks :回調對象 :函數的一個統一管理 function fn1(){ alert(1) } function fn2(){ alert(2) } var cb = $.Callbacks(); cb.add(fn1); cb.add(fn2); cb.fire(); // fn1 和 fn2 都會執行 cb.remove(fn2); //移除了 fn2 cb.fire(); // 只有 fn1 會執行 (3043,3183) Deferred :延遲對象 :對異步的管理 setTimeout(function(){ alert(1); },1000); alert(2); //利用延遲對象:先alert(2) 再alert(1) 可以如下寫 var dfd = $.Deferred(); setTimeout(function(){ alert(1); //第二步: 回調 dfd.resolve(); },1000); //第一步 : 先將函數存在延遲對象中 dfd.done(function(){ alert(2); }); (3184,3295) support :功能檢測 (3308,3652) data() :數據緩存 $("#div1").data("name","hello"); // 數據存儲 $("#div1").data(); //數據獲取 (3653,3797) queue() :隊列管理 :函數順序管理 三個動畫:怎么確保他按順序執行下去 $("#div1").animate({left:100}); $("#div2").animate({top:100}); $("#div3").animate({width:100}); (3803,4299) attr() pop() val() addClass()等 :對元素屬性的操作 (4300,5128) on() trigger() : 事件操作的相關方法 (5140,6057) DOM操作 :添加 刪除 獲取 包裝 DOM刪選 (6058,6620) css() :樣式的操作 (6621,7854) 提交的數據和Ajax() : ajax() load() getJson() (7855,8584) animate() : 運動 fideIn() fideOut() (8585,8792) offset() : 位置和尺寸的方法 (8804,8821) JQ支持模塊化的模式 (8826) window.jquery = window.$ = jquery = function(){}; //這解釋了為啥juqery()和$()等價 })()
新聞熱點
疑難解答