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