我選擇了jQuery，最主要是它的思想“write less,do more"，因?yàn)槲沂且粋€(gè)挑剔的人，以前寫(xiě)過(guò)的代碼，會(huì)時(shí)不時(shí)翻出來(lái)，看看有沒(méi)有可以精簡(jiǎn)，優(yōu)化的地方。一來(lái)是對(duì)不斷學(xué)習(xí)的推動(dòng)，二來(lái)可以將新的思想，技術(shù)應(yīng)用到里面去。
對(duì)于jQuery插件的寫(xiě)法，以前就有介紹過(guò)，網(wǎng)上也有很多例子。 這里簡(jiǎn)要地進(jìn)行些寫(xiě)法，主要是簡(jiǎn)寫(xiě)的說(shuō)明，見(jiàn)下列代碼：
<script type="text/javascript" src="jquery-1.4.2.js"></script>
<script type="text/javascript">
//jQuery插件的寫(xiě)法（需要傳入操作對(duì)象）
;(function($)
{
//PI_TestPlugIn為插件名稱(chēng)，也是插件的操作對(duì)象
//為了不會(huì)與其它插件名重復(fù)，這里我使用PlugIn的縮寫(xiě)PI_來(lái)定義插件對(duì)象前綴
$.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"
},
//具有參數(shù)的函數(shù)對(duì)象，這里參數(shù)是一個(gè)對(duì)象，具有屬性
FunctionWithParams:function(paramObj)
{
//使用參數(shù)，是否使用默認(rèn)值
var params = paramObj ? paramObj : new function(){
param1= "1";
param2= "2";
};
return this.Info.Name + ".FunctionWithParamObject";
},
//具有參數(shù)的函數(shù)對(duì)象，這里參數(shù)是一個(gè)變量
FunctionWithParam:function(varparam)
{
//使用參數(shù)，是否使用默認(rèn)值
var param = varparam ? varparam : null;
return this.Info.Name + ".FunctionWithParam";
},
//不具有參數(shù)的函數(shù)對(duì)象
FunctionWithOutParam:function()
{
return this.Info.Name + ".FunctionWithOutParam";
}
};
})(jQuery);
//jQuery拓展函數(shù)的寫(xiě)法（不需要傳入操作對(duì)象），即API函數(shù)
;(function($)
{
$.extend({
//PIF_TestExtendFunction為拓展函數(shù)的操作對(duì)象
//為了不會(huì)與其它插件名重復(fù)，這里我使用PlugIn的縮寫(xiě)PI_來(lái)定義插件對(duì)象前綴
PIF_TestExtendFunction:
{
//該拓展函數(shù)的基本信息
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"
},
//具有參數(shù)的函數(shù)對(duì)象
FunctionWithParams:function(paramObj)
{
//使用參數(shù)，是否使用默認(rèn)值
var params = paramObj ? paramObj : {
param1: "1",
param2: "2"
};
return this.Info.Name + ".FunctionWithParamObect";
},
//具有參數(shù)的函數(shù)對(duì)象，這里參數(shù)是一個(gè)變量
FunctionWithParam: function (varparam) {
//使用參數(shù)，是否使用默認(rèn)值
var param = varparam ? varparam : null;
return this.Info.Name + ".FunctionWithParam";
},
//不具有參數(shù)的函數(shù)對(duì)象
FunctionWithOutParam:function()
{
return this.Info.Name + ".FunctionWithOutParam";
}
}
});
})(jQuery);
$(function ()
{
//測(cè)試插件
var params =
{
param1: "3",
param2: "4"
};
alert($(this).PI_TestPlugIn.FunctionWithParams(params));
alert($.PIF_TestExtendFunction.FunctionWithOutParam());
});
</script>
