jquery外掛程式製作

2022-05-06 19:12:08 字數 1522 閱讀 8004

**:

旁白:

最近做專案,經同事指點,對jquery大有改觀,亦有醍醐灌頂之感,今天特來研究下jquery外掛程式製作,在此分享一篇部落格。

正題:

jquery外掛程式豐富,很多也很好用的,這裡jquery外掛程式製作其實很簡單,介紹如下:

1. jquery外掛程式的基本格式:

(function($)

var options =$.extend(defaults, options);

this

.each(function());

};})(jquery);

2. 這裡是做乙個tab的外掛程式,來完善以上**:

(function($)

var options =$.extend(defaults, options);

this

.each(function());

});};

})(jquery);

3. 使用時的**:

4. 結合以上兩段**進行說明

$("

#tabtitle

")表示你要使用在哪個地方,稍微了解jquery的童鞋都知道是什麼意思了,不多介紹了,

.tab 就是這個外掛程式我們定義的函式名了,對照(**一)中的$.fn.tab中的tab。

.tab(); 中eventname和sedcss就是(**一)var defaults ={};中定義的屬性值了。

5. 如果我們不需要改變屬性值,那麼我們就使用預設的屬性值,那麼外掛程式就應該這樣使用

6. 最後附上全部的頁面**:

"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外掛程式的製作方法,示例中**還有要優化的地方,請見諒

最後附上原始碼:

*************************==華麗的分割線***********************************

我根據上面的方法,做了乙個簡單的demo(table間隔變色,滑鼠啟用變色):

**:

jquery外掛程式製作

jquery外掛程式豐富,很多都是很好用的,最近學習了一下如何製作jquery外掛程式,發現jquery外掛程式製作其實很簡單,這裡介紹一下。jquery外掛程式的基本格式 function var options extend defaults,options this.each function...

自己製作jQuery外掛程式

寫自己的jquery外掛程式非常容易,按照下面的原則來做,可以讓其他人也容易地結合使用你的外掛程式 為你的外掛程式取乙個名字,在這個例子裡面我們叫它 foobar 建立乙個像這樣的檔案 jquery.yourpluginname js,比如我們建立乙個jquery.foobar.js 建立乙個或更多...

個人製作jQuery滾動外掛程式

第一次寫部落格,寫的不好請見諒!試寫.演示位址1 演示位址2 這是我根據自己之前的工作經驗寫的兩個外掛程式,現在將它們分享出來,希望可以幫助其他人,也希望大家指正缺點,共同進步!功能分析 主要實現的切換方式有五種 左右切換,上下切換和隱藏顯示 引數 leftbtn 左邊切換按鈕 right btn ...