簡(jiǎn)單談?wù)刯Query(function(){})與(function(){})(jQuery)
開發(fā)jQuery插件時(shí)總結(jié)的一些經(jīng)驗(yàn)分享一下。
一、先看
jQuery(function(){ });
全寫為
jQuery(document).ready(function(){ });
意義為在DOM加載完畢后執(zhí)行了ready()方法。
二、再看
(function(){ })(jQuery);
其實(shí)際上是執(zhí)行()(para)匿名方法,只不過是傳遞了jQuery對(duì)象。
(function($) {…})(jQuery);
這里實(shí)際上是匿名函數(shù),如下:
function(arg){…}
這就定義了一個(gè)匿名函數(shù),參數(shù)為arg
而調(diào)用函數(shù)時(shí),是在函數(shù)后面寫上括號(hào)和實(shí)參的,由于操作符的優(yōu)先級(jí),函數(shù)本身也需要用括號(hào),即:
(function(arg){…})(param)
這就相當(dāng)于定義了一個(gè)參數(shù)為arg的匿名函數(shù),并且將param作為參數(shù)來調(diào)用這個(gè)匿名函數(shù)
而(function($){…})(jQuery)則是一樣的,之所以只在形參使用$,是為了不與其他庫沖突,所以實(shí)參用jQuery
相當(dāng)于funtion output(s){…};output(jQuery);或者var fn=function(s){…};fn(jQuery);
$(function(){…});
或者:
jQuery(function($) {
…
});
允許你綁定一個(gè)在DOM(不包含圖片)文檔載入完成后執(zhí)行的函數(shù)。這個(gè)函數(shù)的作用如同$(document).ready()一樣,只不過用這個(gè)函數(shù)時(shí),需要把頁面中所有需要在 DOM 加載完成時(shí)執(zhí)行的$()操作符都包裝到其中來。從技術(shù)上來說,這個(gè)函數(shù)是可鏈接的--但真正以這種方式鏈接的情況并不多。
全寫是:
$(document).ready(function(){
…
});
三、總結(jié)
jQuery(function(){ });用于存放操作DOM對(duì)象的代碼,執(zhí)行其中代碼時(shí)DOM對(duì)象已存在。不可用于存放開發(fā)插件的代碼,因?yàn)閖Query對(duì)象沒有得到傳遞,外部通過jQuery.method也調(diào)用不了其中的方法(函數(shù))。
(function(){ })(jQuery);用于存放開發(fā)插件的代碼,執(zhí)行其中代碼時(shí)DOM不一定存在,所以直接自動(dòng)執(zhí)行DOM操作的代碼請(qǐng)小心使用。
- jQuery中isFunction方法的BUG修復(fù)
- (function($){...})(jQuery)的意思
- 解決jquery submit()提交表單提示:f[s] is not a function
- jQuery中(function(){})()執(zhí)行順序的理解
- jQuery function的正確書寫方法
- Jquery中"$(document).ready(function(){ })"函數(shù)的使用詳解
- 淺析jQuery(function(){})與(function(){})(jQuery)之間的區(qū)別
- jQuery中;function($,undefined) 前面的分號(hào)的用處
相關(guān)文章
14款經(jīng)典網(wǎng)頁圖片和文字特效的jQuery插件-前端開發(fā)必備
最近沒項(xiàng)目做,在網(wǎng)上看到很多網(wǎng)頁特效,非常漂亮,于是就整理了14款經(jīng)典網(wǎng)頁圖片和文字特效的jQuery插件,有助于在項(xiàng)目需求中用到,前端開發(fā)必備,大家都來學(xué)習(xí)下吧2015-08-08選擇TreeView控件的樹狀數(shù)據(jù)節(jié)點(diǎn)的JS方法(jquery)
前些日子為了提高人性化選擇樹狀權(quán)限的功能,根據(jù)樹的結(jié)構(gòu)用jquery寫了個(gè)方法。2010-02-02jQuery/JS監(jiān)聽input輸入框值變化實(shí)例
在本篇文章里小編給大家整理的是一篇關(guān)于jQuery/JS監(jiān)聽input輸入框值變化實(shí)例內(nèi)容,需要的朋友們學(xué)習(xí)下。2019-10-10jQuery Mobile漏洞會(huì)有跨站腳本攻擊風(fēng)險(xiǎn)
人們經(jīng)常將跨站腳本攻擊(Cross Site Scripting)縮寫為CSS,但這會(huì)與層疊樣式表(Cascading Style Sheets, CSS)的縮寫混淆。因此有人將跨站腳本攻擊縮寫為XSS。2017-02-02從零學(xué)jquery之如何使用回調(diào)函數(shù)
回調(diào)函數(shù)指的是被調(diào)用者完成處理后自動(dòng)回調(diào)調(diào)用者預(yù)先傳遞的函數(shù)。2014-05-05基于jQuery實(shí)現(xiàn)中英文切換導(dǎo)航條效果
這篇文章主要為大家詳細(xì)介紹了基于jQuery實(shí)現(xiàn)中英文切換導(dǎo)航條效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-09-09jquery使用淘寶接口跨域查詢手機(jī)號(hào)碼歸屬地實(shí)例
這篇文章主要介紹了jquery使用淘寶接口跨域查詢手機(jī)號(hào)碼歸屬地的方法,大家參考使用吧2013-11-11