DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> 淺析jQuery(function(){})與(function(){})(jQuery)之間的區別
淺析jQuery(function(){})與(function(){})(jQuery)之間的區別
編輯: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操作的代碼請小心使用。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved