DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jQuery下擴展插件和拓展函數的寫法(匿名函數使用的典型例子)
jQuery下擴展插件和拓展函數的寫法(匿名函數使用的典型例子)
編輯:JQuery特效代碼     
我選擇了jQuery,最主要是它的思想“write less,do more",因為我是一個挑剔的人,以前寫過的代碼,會時不時翻出來,看看有沒有可以精簡,優化的地方。一來是對不斷學習的推動,二來可以將新的思想,技術應用到裡面去。
對於jQuery插件的寫法,以前就有介紹過,網上也有很多例子。 這裡簡要地進行些寫法,主要是簡寫的說明,見下列代碼:
<script type="text/javascript" src="jquery-1.4.2.js"></script>
代碼如下:
<script type="text/javascript">
//jQuery插件的寫法(需要傳入操作對象)
;(function($)
{
//PI_TestPlugIn為插件名稱,也是插件的操作對象
//為了不會與其它插件名重復,這裡我使用PlugIn的縮寫PI_來定義插件對象前綴
$.fn.PI_TestPlugIn=
{
//該插件的基本信息
Info:{
Name: "TestPlugIn",
Ver: "1.0.0.0",
Corp: "Lzhdim",
Author: "lzhdim",
Date: "2010-01-01 08:00:00",
Copyright: "Copyright @ 2000-2010 Lzhdim Technology Software All Rights Reserved",
License: "GPL"
},
//具有參數的函數對象,這裡參數是一個對象,具有屬性
FunctionWithParams:function(paramObj)
{
//使用參數,是否使用默認值
var params = paramObj ? paramObj : new function(){
param1= "1";
param2= "2";
};
return this.Info.Name + ".FunctionWithParamObject";
},
//具有參數的函數對象,這裡參數是一個變量
FunctionWithParam:function(varparam)
{
//使用參數,是否使用默認值
var param = varparam ? varparam : null;
return this.Info.Name + ".FunctionWithParam";
},
//不具有參數的函數對象
FunctionWithOutParam:function()
{
return this.Info.Name + ".FunctionWithOutParam";
}
};
})(jQuery);
//jQuery拓展函數的寫法(不需要傳入操作對象),即API函數
;(function($)
{
$.extend({
//PIF_TestExtendFunction為拓展函數的操作對象
//為了不會與其它插件名重復,這裡我使用PlugIn的縮寫PI_來定義插件對象前綴
PIF_TestExtendFunction:
{
//該拓展函數的基本信息
Info:{
Name: "TestExtendFunction",
Ver: "1.0.0.0",
Corp: "Lzhdim",
Author: "lzhdim",
Date: "2010-01-01 08:00:00",
Copyright: "Copyright @ 2000-2010 Lzhdim Technology Software All Rights Reserved",
License: "GPL"
},
//具有參數的函數對象
FunctionWithParams:function(paramObj)
{
//使用參數,是否使用默認值
var params = paramObj ? paramObj : {
param1: "1",
param2: "2"
};
return this.Info.Name + ".FunctionWithParamObect";
},
//具有參數的函數對象,這裡參數是一個變量
FunctionWithParam: function (varparam) {
//使用參數,是否使用默認值
var param = varparam ? varparam : null;
return this.Info.Name + ".FunctionWithParam";
},
//不具有參數的函數對象
FunctionWithOutParam:function()
{
return this.Info.Name + ".FunctionWithOutParam";
}
}
});
})(jQuery);
$(function ()
{
//測試插件
var params =
{
param1: "3",
param2: "4"
};
alert($(this).PI_TestPlugIn.FunctionWithParams(params));
alert($.PIF_TestExtendFunction.FunctionWithOutParam());
});
</script>
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved