jQuery插件簡單實現(xiàn)方法

更新時間：2015年07月18日 15:52:11 作者：鑒客

這篇文章主要介紹了jQuery插件簡單實現(xiàn)方法,以一個簡單的樣式添加功能為例分析了jquery插件的實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下

本文實例講述了jQuery插件簡單實現(xiàn)方法。分享給大家供大家參考。具體如下：

(function($){ 
 $.fn.extend({ 
  myFunk: function() { 
   // 此處必須返回jQuery對象
   return $(); 
  }, 
  myPunk: function() { 
   return this.addClass('punked') 
      .bind('click', function(){ 
    alert('You were punked!'); 
   }); 
  } 
 }); 
})(jQuery);

使用方法如下：

$('.select').myFunk(); 
$('.select').myPunk();

希望本文所述對大家的jquery程序設計有所幫助。

您可能感興趣的文章:

jQuery插件原來如此簡單 jQuery插件的機制及實戰(zhàn)
這種插件是將對象方法封裝起來，用于對通過選擇器獲取的jQuery對象進行操作，是最常見的一種插件
2012-02-02
為EasyUI的Tab標簽添加右鍵菜單的方法
近期研究了下MenuButton,有了新的感悟，原先在那個DEMO中右鍵支持做法，現(xiàn)在看來真是小兒科啊
2012-07-07
基于jQuery實現(xiàn)的文字按鈕表單特效整理
這里給大家整理了10個熱門的基于jQuery實現(xiàn)的文字、按鈕、表單等特效的代碼，集合起來方便大家對比使用
2014-12-12
jQuery圖片預加載等比縮放實現(xiàn)代碼
jQuery圖片預加載等比縮放實現(xiàn)代碼，需要的朋友可以參考下。
2011-10-10
jQuery UI Dialog 創(chuàng)建友好的彈出對話框?qū)崿F(xiàn)代碼
jQuery UI Dialog是jQuery UI的彈出對話框組件，使用它可以創(chuàng)建各種美觀的彈出對話框；它可以設置對話框的標題、內(nèi)容，并且使對話框可以拖動、調(diào)整大小、及關閉；平常主要用來替代瀏覽囂自帶的alert、confirm、open等方法
2012-04-04
jQuery模擬html下拉多選框的原生實現(xiàn)方法示例
這篇文章主要介紹了jQuery模擬html下拉多選框的原生實現(xiàn)方法,結(jié)合完整實例形式分析了jQuery動態(tài)操作頁面元素實現(xiàn)select下拉框效果的相關操作技巧,需要的朋友可以參考下
2019-05-05
jQuery自適應輪播圖插件Swiper用法示例
這篇文章主要介紹了jQuery自適應輪播圖插件Swiper用法,結(jié)合實例形式分析了jQuery輪播圖插件的功能與具體使用方法,需要的朋友可以參考下
2016-08-08
基于jquery的lazy loader插件實現(xiàn)圖片的延遲加載[簡單使用]
當網(wǎng)站上有大量圖片要展示的話，如果一次把所有的圖片都加載出來的話，這勢必會影響網(wǎng)站的加載速度，給用戶帶來比較差的體驗。
2011-05-05
jQuery制作圣誕主題頁面更像是愛情影集
這篇文章主要為大家詳細介紹了jQuery制作圣誕主題頁面的方法，類似動感影集，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-08-08
Jquery中Event對象屬性小結(jié)
這篇文章主要介紹了Jquery中Event對象屬性的操作方法的總結(jié)，非常的詳細，是篇十分不錯的文章，這里推薦給大家。
2015-02-02