DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> 簡單談談jQuery(function(){})與(function(){})(jQuery)
簡單談談jQuery(function(){})與(function(){})(jQuery)
編輯:JQuery特效代碼     

開發jQuery插件時總結的一些經驗分享一下。

一、先看
jQuery(function(){ });
全寫為
jQuery(document).ready(function(){ });

意義為在DOM加載完畢後執行了ready()方法。

二、再看
(function(){ })(jQuery);
其實際上是執行()(para)匿名方法,只不過是傳遞了jQuery對象。

(function($) {…})(jQuery);

這裡實際上是匿名函數,如下:

function(arg){…}
這就定義了一個匿名函數,參數為arg

而調用函數時,是在函數後面寫上括號和實參的,由於操作符的優先級,函數本身也需要用括號,即:
(function(arg){…})(param)
這就相當於定義了一個參數為arg的匿名函數,並且將param作為參數來調用這個匿名函數

而(function($){…})(jQuery)則是一樣的,之所以只在形參使用$,是為了不與其他庫沖突,所以實參用jQuery
相當於funtion output(s){…};output(jQuery);或者var fn=function(s){…};fn(jQuery);

$(function(){…});

或者:

jQuery(function($) {

});

允許你綁定一個在DOM(不包含圖片)文檔載入完成後執行的函數。這個函數的作用如同$(document).ready()一樣,只不過用這個函數時,需要把頁面中所有需要在 DOM 加載完成時執行的$()操作符都包裝到其中來。從技術上來說,這個函數是可鏈接的--但真正以這種方式鏈接的情況並不多。

全寫是:
$(document).ready(function(){

});

三、總結

jQuery(function(){ });用於存放操作DOM對象的代碼,執行其中代碼時DOM對象已存在。不可用於存放開發插件的代碼,因為jQuery對象沒有得到傳遞,外部通過jQuery.method也調用不了其中的方法(函數)。
(function(){ })(jQuery);用於存放開發插件的代碼,執行其中代碼時DOM不一定存在,所以直接自動執行DOM操作的代碼請小心使用。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved