Jquery是優(yōu)秀的Javascrīpt框架。我們現(xiàn)在來討論下在 Jquery 中兩個頁面載入后執(zhí)行的函數。
$(document).ready(function(){
// 在這里寫你的代碼...
});
在DOM加載完成時運行的代碼
可以簡寫成
jQuery(function(){
});
(function(){
})(jQuery);
其實際上是執(zhí)行()(para)匿名方法,只不過是傳遞了jQuery對象。
相當于
function aa($){}
aa(jQuery)
是初始化jquery對象的慣用方法.
通俗點說就是在頁面加載完成后執(zhí)行你需要的代碼.
不過這個東西,有的時候會使頁面跳動,很多JQUERY插件都是在加載完成后,才改變樣式的,頁面會有跳動或閃動的感覺.比如ui.tab這個插件,頁面元素一多,全部顯示出來了,它才形成TAB,很暈的說
(funtion(){})();立即執(zhí)行函數;相當于先申明一個函數,聲明完后直接調用;
如果參數如:
(funtion(str){alert(str)})("output"));相當于:funtion OutPutFun(str){alert(str);};OutPutFun("output");
jQuery(function(){ });用于存放操作DOM對象的代碼,執(zhí)行其中代碼時DOM對象已存在。不可用于存放開發(fā)插件的代碼,因為jQuery對象沒有得到傳遞,外部通過jQuery.method也調用不了其中的方法(函數)。
(function(){ })(jQuery);用于存放開發(fā)插件的代碼,執(zhí)行其中代碼時DOM不一定存在,所以直接自動執(zhí)行DOM操作的代碼請小心使用。
--------------------------------------------------------------------------------
(function($){...})(jQuery)實際上是匿名函數,不懂得朋友可以繼續(xù)往下看。
這里實際上是匿名函數 function(arg){...} 這就定義了一個匿名函數,參數為arg 而調用函數時,是在函數后面寫上括號和實參的,由于操作符的優(yōu)先級,函數本身也需要用括號,即: (function(arg){...})(param) 這就相當于定義了一個參數為arg的匿名函數,并且將param作為參數來調用這個匿名函數 而(function($){...})(jQuery)則是一樣的,之所以只在形參使用$,是為了不與其他庫沖突,所以實參用jQuery var fn = function($){....}; fn(jQuery);
是初始化jquery對象的慣用方法..
通俗點說就是在頁面加載完成后執(zhí)行你需要的代碼.
不過這個東西,有的時候會使頁面跳動,
(funtion(){})();立即執(zhí)行函數;相當于先申明一個函數,聲明完后直接調用;如果參數如:
(funtion(str){alert(str)})("output"));相當于:funtion OutPutFun(str){alert(str);};OutPutFun("output");