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

發(fā)布時(shí)間：2020-05-19 08:46:48 來源：網(wǎng)絡(luò) 閱讀：823 作者：玄之又玄玄欄目：web開發(fā)

一：$(function(){})

$(function(){})是$(document).ready(function(){})的簡寫，或者$().ready(function(){})，會(huì)在DOM加載完成之后執(zhí)行。

與onload的區(qū)別在于：ready，表示文檔結(jié)構(gòu)已經(jīng)加載完成（不包含圖片等非文字媒體文件）；而onload，指示頁面包含圖片等文件在內(nèi)的所有元素都加載完成。

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

(function($){}(jQuery))是立即執(zhí)行函數(shù)；相當(dāng)于先申明一個(gè)函數(shù)，聲明完后直接調(diào)用；相當(dāng)于function aa($){};aa(jQuery)；

三：區(qū)別

jQuery(function(){});用于存放操作DOM對象的代碼，執(zhí)行其中代碼時(shí)DOM對象已存在。不可用于存放開發(fā)插件的代碼，因?yàn)閖Query對象沒有得到傳遞，外部通過jQuery.method也調(diào)用不了其中的方法（函數(shù)）。

(function(){})(jQuery)用于存放開發(fā)插件的代碼，執(zhí)行其中代碼時(shí)DOM不一定存在，所以直接自動(dòng)執(zhí)行DOM操作的代碼請小心使用。一般用于插件的開發(fā)。

向AI問一下細(xì)節(jié)

猜你喜歡