jquery外掛程式製作

2022-06-28 08:57:11 字數 1027 閱讀 1768

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 ...