淺談jQuery的$(function(){})和(function($){}(jQuery))的區別

標籤：$(function(){})   onload   (function($){}(jquery))   

一：$(function(){})

  $(function(){})是$(document).ready(function(){})的簡寫，或者$().ready(function(){})，會在DOM載入完成之後執行。

  與onload的區別在於：ready，表示文檔結構已經載入完成（不包含圖片等非文字媒體檔案）；而onload，指示頁麵包含圖片等檔案在內的所有元素都載入完成。

二：(function($){}(jQuery))

  (function($){}(jQuery))是立即執行函數；相當於先申明一個函數，聲明完後直接調用；相當於function aa($){};aa(jQuery)；

三：區別

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

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

淺談jQuery的$(function(){})和(function($){}(jQuery))的區別