本文實例講述了jquery插件格式。分享給大家供大家參考，具體如下：
現(xiàn)在打算給公司寫一個公共組件，常用的工具很多都是jquery,很多時候一些插件特效也是基于jquery寫的，因此工作中難免會遇到要拓展別人寫的插件。
下面我簡單的描述一下插件的格式：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><script src="jquery-1.6.2.min.js" type="text/javascript"></script><script type="text/javascript">//模擬一個小的插件，方便大家學習(function($){ $.fn.huangbiao=function(userSetting){ //利用jquery的extend方法來拓展插件的配置參數(shù)，這個應該暴露給使用用戶 settings = jQuery.extend($.fn.huangbiao.defaultSetting,userSetting); function init(){ alert("在我這里進行初始化"); myFunction(this); } function myFunction(obj){ alert("我是開發(fā)者自己封裝的函數(shù)"); showSetting(); privateFunc(); } function showSetting(){ alert(this.settings.name); } this.unbind('click').click(init); return this; } //下面這個是閉包的私有函數(shù) function privateFunc(){ alert("i am private function!"); } //暴露給用戶使用的函數(shù) $.fn.huangbiao.openFunc=function(obj){ alert("test"); } /* 定義暴露給用戶的默認值 這個一定要放在$.fn.huangbiao對象后面，否則腳本會報錯的 */ $.fn.huangbiao.defaultSetting={ name:"huangbiao", sex:"boy", age:24 };})($);function useUndefault(){ //使用自己配置的參數(shù) $("#undefault").huangbiao({name:"liumei",sex:"girl",age:24});}function useUndefault2(){alert($.fn.huangbiao.defaultSetting.name); $.fn.huangbiao.defaultSetting.name="hanmeimei"; alert($.fn.huangbiao.defaultSetting.name); //使用自己配置的參數(shù) $("#undefault2").huangbiao();}function useDefault(){ //使用默認的配置參數(shù) $("#default").huangbiao();}function openFunction(){ $("#default").huangbiao.openFunc();}</script><title>無標題文檔</title></head><body><input type="button" value="useUndefault" id="undefault" onclick="useUndefault();"><br><input type="button" value="useUndefault2" id="undefault2" onclick="useUndefault2();"><br><input type="button" value="useDefault" id="default" onclick="useDefault();"><br><input type="button" value="使用提供給用戶的函數(shù)" id="openFuncId" onclick="openFunction();"><br></body></html>另外，這里再提供一個關于jquery的文檔，相信對于大家學習jQuery插件有一定幫助作用！
本站下載： jQuery插件開發(fā).pdf 。
更多關于jQuery相關內(nèi)容感興趣的讀者可查看本站專題：《jQuery常用插件及用法總結(jié)》、《jquery中Ajax用法總結(jié)》、《jQuery表格(table)操作技巧匯總》、《jQuery拖拽特效與技巧總結(jié)》、《jQuery擴展技巧總結(jié)》、《jQuery常見經(jīng)典特效匯總》、《jQuery動畫與特效用法總結(jié)》及《jquery選擇器用法總結(jié)》
希望本文所述對大家jQuery程序設計有所幫助。
新聞熱點
疑難解答
