jquery外掛程式豐富,很多都是很好用的,最近學習了一下如何製作jquery外掛程式,發現jquery外掛程式製作其實很簡單,這裡介紹一下。
jquery外掛程式的基本格式:
(function($)var options = $.extend(defaults, options);
this.each(function());
};})(jquery);
我這裡是做乙個tab的外掛程式,我來完善以上**
(function($)var options = $.extend(defaults, options);
this.each(function());
});};})(jquery);
(**二)
結合以上兩段**進行說明
$("#tabtitle")表示你要使用在哪個地方,稍微了解jquery的童鞋都知道是什麼意思了,不多介紹了,
.tab 就是這個外掛程式我們定義的函式名了,對照(**一)中的$.fn.tab中的tab。
.tab(); 中eventname和sedcss就是(**一)var defaults ={};中定義的屬性值了。如果我們不需要改變屬性值,那麼我們就使用預設的屬性值,那麼外掛程式就應該這樣使用
最後附上全部的頁面**:
tabtitleinfo">//這裡的id對ul中的id,id分別是尾部新增數字和"info"
tabtitle1info" >000000
tabtitle2info" style="display:none">111111
tabtitle3info" style="display:none">22222
tabtitle4info" style="display:none">33333
tabtitle5info" style="display:none">44444
jquery外掛程式製作
旁白 最近做專案,經同事指點,對jquery大有改觀,亦有醍醐灌頂之感,今天特來研究下jquery外掛程式製作,在此分享一篇部落格。正題 jquery外掛程式豐富,很多也很好用的,這裡jquery外掛程式製作其實很簡單,介紹如下 1.jquery外掛程式的基本格式 function var opti...
自己製作jQuery外掛程式
寫自己的jquery外掛程式非常容易,按照下面的原則來做,可以讓其他人也容易地結合使用你的外掛程式 為你的外掛程式取乙個名字,在這個例子裡面我們叫它 foobar 建立乙個像這樣的檔案 jquery.yourpluginname js,比如我們建立乙個jquery.foobar.js 建立乙個或更多...
個人製作jQuery滾動外掛程式
第一次寫部落格,寫的不好請見諒!試寫.演示位址1 演示位址2 這是我根據自己之前的工作經驗寫的兩個外掛程式,現在將它們分享出來,希望可以幫助其他人,也希望大家指正缺點,共同進步!功能分析 主要實現的切換方式有五種 左右切換,上下切換和隱藏顯示 引數 leftbtn 左邊切換按鈕 right btn ...