**:
旁白:最近做專案,經同事指點,對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 ...