淺析jQuery(function(){})與(function(){})(jQuery)之間的區(qū)別
Jquery是優(yōu)秀的Javascrīpt框架。我們現(xiàn)在來討論下在 Jquery 中兩個頁面載入后執(zhí)行的函數(shù)。
$(document).ready(function(){
// 在這里寫你的代碼...
});在DOM加載完成時運行的代碼
可以簡寫成
jQuery(function(){
});
(function($) {})(jQuery)什么意思?
(function(){
})(jQuery);
其實際上是執(zhí)行()(para)匿名方法,只不過是傳遞了jQuery對象。
相當(dāng)于
function aa($){}
aa(jQuery)
是初始化jquery對象的慣用方法.
通俗點說就是在頁面加載完成后執(zhí)行你需要的代碼.
不過這個東西,有的時候會使頁面跳動,很多JQUERY插件都是在加載完成后,才改變樣式的,頁面會有跳動或閃動的感覺.比如ui.tab這個插件,頁面元素一多,全部顯示出來了,它才形成TAB,很暈的說
(funtion(){})();立即執(zhí)行函數(shù);相當(dāng)于先申明一個函數(shù),聲明完后直接調(diào)用;
如果參數(shù)如:
(funtion(str){alert(str)})("output"));相當(dāng)于:funtion OutPutFun(str){alert(str);};OutPutFun("output");
jQuery(function(){ });用于存放操作DOM對象的代碼,執(zhí)行其中代碼時DOM對象已存在。不可用于存放開發(fā)插件的代碼,因為jQuery對象沒有得到傳遞,外部通過jQuery.method也調(diào)用不了其中的方法(函數(shù))。
(function(){ })(jQuery);用于存放開發(fā)插件的代碼,執(zhí)行其中代碼時DOM不一定存在,所以直接自動執(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)于錨點跳轉(zhuǎn)及jQuery下相關(guān)操作與插件
錨點嘛,業(yè)余點的解釋就是可以讓頁面定位到某個位置的點。在高度較高的頁面中經(jīng)常見到2012-10-10jQuery+html5+css3實現(xiàn)圓角無刷新表單帶輸入驗證功能代碼
這篇文章主要介紹了jQuery+html5+css3實現(xiàn)圓角無刷新表單帶輸入驗證功能代碼,加入了html5與css3技術(shù),使得整個表單效果更加唯美華麗,需要的朋友可以參考下2015-08-08通過JQuery,JQueryUI和Jsplumb實現(xiàn)拖拽模塊
這篇文章主要介紹了通過JQuery,JQueryUI和Jsplumb實現(xiàn)拖拽模塊,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,,需要的朋友可以參考下2019-06-06