DIV CSS 佈局教程網

有很多朋友都用過jquery插件，但是很少有人自己動手寫過jQuery插件，本文就以實例形式簡單敘述了jQuery插件的實現方法。分享給大家供大家參考之用。具體方法如下：
 
具體而言，其實就是把一些常用、實用、通用的功能封裝起來而以，簡單的來講就是把這些代碼放在一個方法裡面，可以達到重復使用的效果，這樣就可以不需要每次要用此功能的時候都去重新寫一遍。
 
現在Jquery裡面加入了插件的概念，只要按照它特定的格式當作平時寫function一樣去寫就可以了，不雖然搞得太復雜的。信不信由你們，反正我信了。
 
接下來用簡單的代碼來講解一下，如果大家看了還不會寫插件的話，我只能表示無語了

具體步驟如下：

第一步：定義插件

$(function() { 
  $.fn.插件名稱 = function(options) { 
   var defaults = { 
     Event : "click",    //觸發響應事件 
     msg : "Holle word!"    //顯示內容 
   }; 
   var options = $.extend(defaults,options); 
   var $this = $(this);    //當然響應事件對象 
   //功能代碼部分 
   //綁定事件 
   $this.live(options.Event,function(e){ 
     alert(options.msg); 
   }); 
  } 
}); 
 

第二步：調用插件

$(function() { 
  //綁定元素事件 
  $("#test").插件名稱({ 
   Event : "click",    //觸發響應事件 
   msg : "插件原來就是這麼簡單!"   //顯示內容 
  }); 
}); 
 

至此，最簡單的插件搞定！10分鐘不到！相信大家應該都看懂了吧！jQuery插件原來就這麼簡單。