博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

jQuery插件开发标准模板

Posted on 2009-11-19 17:34  linFen  阅读(967)  评论(0编辑  收藏  举报

jQuery在国内非常火爆,简洁的语法、大量现成的插件(plugins)是jQuery能在国内迅速串红的主要原因。

开发jQuery插件非常简单,大家可以下载几个插件,查看源代码学习插件的开发。经过一段时间的学习和开发,总结了一个插件开发模板,下次需要开发插件时,只需要往模板中添加插件的实现代码即可。

JAVASCRIPT:
  1. //myPlugin.jquery.js
  2. (function($) {
  3.  
  4.     $.myPlugin = {
  5.    
  6.         defaults: {
  7.        
  8.             //default options
  9.             //name: 'Joe'
  10.        
  11.         }
  12.    
  13.     };
  14.  
  15.     $.fn.extend({
  16.    
  17.         myPlugin: function(config) {
  18.        
  19.             var config = $.extend({}, $.myPlugin.defaults, config);
  20.  
  21.             return this.each(function() {
  22.            
  23.                 //var theImage = $(this);
  24.                 //var name = config.name;
  25.  
  26.             });
  27.  
  28.         }
  29.  
  30.     });
  31.  
  32.  
  33. })(jQuery)