本篇文章主要是對jQuery(function(){})與(function(){})(jQuery)之間的區別進行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助
Jquery是優秀的Javascrīpt框架。我們現在來討論下在 Jquery 中兩個頁面載入後執行的函數。 $(document).ready(function(){ // 在這裡寫你的代碼... });在DOM加載完成時運行的代碼 可以簡寫成 jQuery(function(){ }); (function($) {})(jQuery)什麼意思? (function(){ })(jQuery); 其實際上是執行()(para)匿名方法,只不過是傳遞了jQuery對象。 相當於 function aa($){} aa(jQuery) 是初始化jquery對象的慣用方法. 通俗點說就是在頁面加載完成後執行你需要的代碼. 不過這個東西,有的時候會使頁面跳動,很多JQUERY插件都是在加載完成後,才改變樣式的,頁面會有跳動或閃動的感覺.比如ui.tab這個插件,頁面元素一多,全部顯示出來了,它才形成TAB,很暈的說 (funtion(){})();立即執行函數;相當於先申明一個函數,聲明完後直接調用; 如果參數如: (funtion(str){alert(str)})("output"));相當於:funtion OutPutFun(str){alert(str);};OutPutFun("output"); jQuery(function(){ });用於存放操作DOM對象的代碼,執行其中代碼時DOM對象已存在。不可用於存放開發插件的代碼,因為jQuery對象沒有得到傳遞,外部通過jQuery.method也調用不了其中的方法(函數)。 (function(){ })(jQuery);用於存放開發插件的代碼,執行其中代碼時DOM不一定存在,所以直接自動執行DOM操作的代碼請小心使用。