jQuery(function(){})與(function(){})(jQuery) 的區別

來源:互聯網
上載者:User

標籤:class   read   優先   執行   strong   dom操作   function   聲明   ...   

$(document).ready(function(){  // 在這裡寫你的代碼...});

在DOM載入完成時啟動並執行代碼

可以簡寫成

jQuery(function(){ }); 
(function($) {})(jQuery)什麼意思?
(function(){ })(jQuery);

其實際上是執行()(para)匿名方法,只不過是傳遞了jQuery對象。

相當於 

function aa($){} aa(jQuery)

是初始化jquery對象的慣用方法.

(funtion(){})();立即執行函數;相當於先聲明一個函數,聲明完後直接調用;

如果參數如:

(funtion(str){alert(str)})("output"));

相當於:

funtion OutPutFun(str){alert(str);};OutPutFun("output");

(function($){...})(jQuery)實際上是匿名函數
這裡實際上是匿名函數 function(arg){...} 這就定義了一個匿名函數,參數為arg 而調用函數時,是在函數後面寫上括弧和實參的,由於操作符的優先順序,函數本身也需要用括弧,即: (function(arg){...})(param) 這就相當於定義了一個參數為arg的匿名函數,並且將param作為參數來調用這個匿名函數 而(function($){...})(jQuery)則是一樣的,之所以只在形參使用$,是為了不與其他庫衝突,所以實參用jQuery,相當於:

var fn = function($){....}; fn(jQuery);

 

總結:

jQuery(function(){ });用於存放操作DOM對象的代碼,執行其中代碼時DOM對象已存在。不可用於存放開發外掛程式的代碼,因為jQuery對象沒有得到傳遞,外部通過jQuery.method也調用不了其中的方法(函數)。 

(function(){ })(jQuery);用於存放開發外掛程式的代碼,執行其中代碼時DOM不一定存在,所以直接自動執行DOM操作的代碼請小心使用。 

jQuery(function(){})與(function(){})(jQuery) 的區別

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.