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