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