10分鐘學(xué)會寫Jquery插件實例教程
更新時間：2014年09月06日 15:47:47 投稿：shichen2014
這篇文章主要介紹了10分鐘學(xué)會寫Jquery插件,通過一個實例分兩步完成一個簡單的插件,非常實用,需要的朋友可以參考下
有很多朋友都用過jquery插件，但是很少有人自己動手寫過jQuery插件，本文就以實例形式簡單敘述了jQuery插件的實現(xiàn)方法。分享給大家供大家參考之用。具體方法如下：
具體而言，其實就是把一些常用、實用、通用的功能封裝起來而以，簡單的來講就是把這些代碼放在一個方法里面，可以達(dá)到重復(fù)使用的效果，這樣就可以不需要每次要用此功能的時候都去重新寫一遍。
現(xiàn)在Jquery里面加入了插件的概念，只要按照它特定的格式當(dāng)作平時寫function一樣去寫就可以了，不雖然搞得太復(fù)雜的。信不信由你們，反正我信了。
接下來用簡單的代碼來講解一下，如果大家看了還不會寫插件的話，我只能表示無語了
具體步驟如下：
第一步：定義插件
$(function() {
$.fn.插件名稱 = function(options) {
var defaults = {
Event : "click", //觸發(fā)響應(yīng)事件
msg : "Holle word!" //顯示內(nèi)容
};
var options = $.extend(defaults,options);
var $this = $(this); //當(dāng)然響應(yīng)事件對象
//功能代碼部分
//綁定事件
$this.live(options.Event,function(e){
alert(options.msg);
});
}
});
第二步：調(diào)用插件
$(function() {
//綁定元素事件
$("#test").插件名稱({
Event : "click", //觸發(fā)響應(yīng)事件
msg : "插件原來就是這么簡單!" //顯示內(nèi)容
});
});
至此，最簡單的插件搞定！10分鐘不到！相信大家應(yīng)該都看懂了吧！jQuery插件原來就這么簡單。
相關(guān)文章
這篇文章主要介紹了jquery序列化方法,較為詳細(xì)的分析了jQuery實現(xiàn)序列化涉及的相關(guān)技巧,需要的朋友可以參考下2015-06-06
這篇文章主要為大家詳細(xì)介紹了jQuery實現(xiàn)移動端筆觸canvas電子簽名，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-05-05
本篇文章主要是對jquery實現(xiàn)點擊彈出層效果的簡單實例進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-03-03
解決jQuery ajax動態(tài)新增節(jié)點無法觸發(fā)點擊事件的問題
在寫ajax加載數(shù)據(jù)的時候發(fā)現(xiàn)，后面添加進(jìn)來的demo節(jié)點元素，失去了之前的點擊事件，如何解決此問題呢？下面小編給大家?guī)砹薺Query ajax動態(tài)新增節(jié)點無法觸發(fā)點擊事件的解決方法，一起看看吧2017-05-05
三分鐘帶你玩轉(zhuǎn)jQuery.noConflict()
這篇文章主要介紹了三分鐘帶你玩轉(zhuǎn)jQuery.noConflict() 的相關(guān)資料,需要的朋友可以參考下2016-02-02
jQuery使用有一段時間了，但是有一些API的實現(xiàn)實在想不通。小編參考相關(guān)資料源碼，現(xiàn)在把我的學(xué)習(xí)過程和收獲分享給大家2016-05-05
這篇文章的內(nèi)容是表單驗證插件Validation應(yīng)用的實例講解，需要的朋友可以參考下2015-10-10
輕松學(xué)習(xí)jQuery插件EasyUI EasyUI創(chuàng)建菜單與按鈕
這篇文章主要幫助大家輕松學(xué)習(xí)jQuery插件EasyUI，重點是EasyUI創(chuàng)建菜單與按鈕，按鈕分為鏈接按鈕、菜單按鈕、分割按鈕，對這方面感興趣的小伙伴們可以參考一下2015-11-11
本篇文章主要介紹了jQuery實現(xiàn)撲克正反面翻牌效果的實例。具有很好的參考價值。下面跟著小編一起來看下吧2017-03-03
本文帶你了解了一遍 jQuery 3 將會帶來的一些重大變化?；蛟S你已經(jīng)注意到了，這個版本是可能對你現(xiàn)有的項目產(chǎn)生太大的影響，因為沒有引入太多許多重大更改。2016-06-06