淺析jQuery(function(){})與(function(){})(jQuery)之間的區(qū)別
Jquery是優(yōu)秀的Javascrīpt框架。我們現(xiàn)在來(lái)討論下在 Jquery 中兩個(gè)頁(yè)面載入后執(zhí)行的函數(shù)。
$(document).ready(function(){
// 在這里寫(xiě)你的代碼...
});在DOM加載完成時(shí)運(yùn)行的代碼
可以簡(jiǎn)寫(xiě)成
jQuery(function(){
});
(function($) {})(jQuery)什么意思?
(function(){
})(jQuery);
其實(shí)際上是執(zhí)行()(para)匿名方法,只不過(guò)是傳遞了jQuery對(duì)象。
相當(dāng)于
function aa($){}
aa(jQuery)
是初始化jquery對(duì)象的慣用方法.
通俗點(diǎn)說(shuō)就是在頁(yè)面加載完成后執(zhí)行你需要的代碼.
不過(guò)這個(gè)東西,有的時(shí)候會(huì)使頁(yè)面跳動(dòng),很多JQUERY插件都是在加載完成后,才改變樣式的,頁(yè)面會(huì)有跳動(dòng)或閃動(dòng)的感覺(jué).比如ui.tab這個(gè)插件,頁(yè)面元素一多,全部顯示出來(lái)了,它才形成TAB,很暈的說(shuō)
(funtion(){})();立即執(zhí)行函數(shù);相當(dāng)于先申明一個(gè)函數(shù),聲明完后直接調(diào)用;
如果參數(shù)如:
(funtion(str){alert(str)})("output"));相當(dāng)于:funtion OutPutFun(str){alert(str);};OutPutFun("output");
jQuery(function(){ });用于存放操作DOM對(duì)象的代碼,執(zhí)行其中代碼時(shí)DOM對(duì)象已存在。不可用于存放開(kāi)發(fā)插件的代碼,因?yàn)閖Query對(duì)象沒(méi)有得到傳遞,外部通過(guò)jQuery.method也調(diào)用不了其中的方法(函數(shù))。
(function(){ })(jQuery);用于存放開(kāi)發(fā)插件的代碼,執(zhí)行其中代碼時(shí)DOM不一定存在,所以直接自動(dòng)執(zhí)行DOM操作的代碼請(qǐng)小心使用。
- Javascript自執(zhí)行匿名函數(shù)(function() { })()的原理淺析
- javascript中$(function() {});寫(xiě)與不寫(xiě)有哪些區(qū)別
- jQuery中$(function() {});問(wèn)題詳解
- $(document).ready(function() {})不執(zhí)行初始化腳本
- 深入理解javascript中的立即執(zhí)行函數(shù)(function(){…})()
- Jquery中"$(document).ready(function(){ })"函數(shù)的使用詳解
- js中function()使用方法
- window.onload和$(function(){})的區(qū)別介紹
- JS特殊函數(shù)(Function()構(gòu)造函數(shù)、函數(shù)直接量)區(qū)別介紹
- 深入理解(function(){... })();
相關(guān)文章
關(guān)于錨點(diǎn)跳轉(zhuǎn)及jQuery下相關(guān)操作與插件
錨點(diǎn)嘛,業(yè)余點(diǎn)的解釋就是可以讓頁(yè)面定位到某個(gè)位置的點(diǎn)。在高度較高的頁(yè)面中經(jīng)常見(jiàn)到2012-10-10
jQuery+html5+css3實(shí)現(xiàn)圓角無(wú)刷新表單帶輸入驗(yàn)證功能代碼
這篇文章主要介紹了jQuery+html5+css3實(shí)現(xiàn)圓角無(wú)刷新表單帶輸入驗(yàn)證功能代碼,加入了html5與css3技術(shù),使得整個(gè)表單效果更加唯美華麗,需要的朋友可以參考下2015-08-08
jQuery實(shí)現(xiàn)一個(gè)簡(jiǎn)單的驗(yàn)證碼功能
今天給大家分享一個(gè)基于jquery實(shí)現(xiàn)的簡(jiǎn)單驗(yàn)證碼功能,代碼簡(jiǎn)單易懂,非常不錯(cuò),具有參考借鑒價(jià)值,需要的的朋友參考下吧2017-06-06
通過(guò)JQuery,JQueryUI和Jsplumb實(shí)現(xiàn)拖拽模塊
這篇文章主要介紹了通過(guò)JQuery,JQueryUI和Jsplumb實(shí)現(xiàn)拖拽模塊,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,,需要的朋友可以參考下2019-06-06
jquery對(duì)象和DOM對(duì)象的區(qū)別介紹
jquery對(duì)象和DOM對(duì)象在使用過(guò)程很頻繁,正是因?yàn)槿绱?,好多朋友都不知道它們之間有什么區(qū)別,下面為大家詳細(xì)介紹下,希望對(duì)大家有所幫助2013-08-08
jQuery三組基本動(dòng)畫(huà)與自定義動(dòng)畫(huà)操作實(shí)例總結(jié)
這篇文章主要介紹了jQuery三組基本動(dòng)畫(huà)與自定義動(dòng)畫(huà)操作,結(jié)合實(shí)例形式總結(jié)了jQuery基本動(dòng)畫(huà)函數(shù)與自定義動(dòng)畫(huà)相關(guān)操作技巧及使用注意事項(xiàng),需要的朋友可以參考下2020-05-05
jQuery實(shí)現(xiàn)仿騰訊迷你首頁(yè)選項(xiàng)卡效果代碼
這篇文章主要介紹了jQuery實(shí)現(xiàn)仿騰訊迷你首頁(yè)選項(xiàng)卡效果代碼,可實(shí)現(xiàn)tab切換按鈕的左右滑動(dòng)顯示及點(diǎn)擊切換效果,涉及jQuery基于鼠標(biāo)事件實(shí)現(xiàn)頁(yè)面元素動(dòng)態(tài)操作技巧,需要的朋友可以參考下2015-09-09

