jQuery.foo = function() {    
alert(‘This is a test. This is only a test.‘);   
}; 

1.2 增加多个全局函数

jQuery.foo = function() {    
alert(‘This is a test. This is only a test.‘);   
};   
jQuery.bar = function(param) {    
alert(‘This function takes a parameter, which is "‘ + param + ‘".‘);   
};    
调用时和一个函数的一样的:jQuery.foo();jQuery.bar();或者$.foo();$.bar(‘bar‘);

1.3 使用jQuery.extend(object);

jQuery.extend({      
foo: function() {      
alert(‘This is a test. This is only a test.‘);      
},      
bar: function(param) {      
alert(‘This function takes a parameter, which is "‘ + param +‘".‘);      
}     
});  

jQuery.myPlugin = {           
foo:function() {           
alert(‘This is a test. This is only a test.‘);           
},           
bar:function(param) {           
alert(‘This function takes a parameter, which is "‘ + param + ‘".‘);     
}          
};   
采用命名空间的函数仍然是全局函数，调用时采用的方法：   
$.myPlugin.foo();          
$.myPlugin.bar(‘baz‘);  

通过这个技巧（使用独立的插件名），我们可以避免命名空间内函数的冲突。

(function($){      
$.fn.extend({      
pluginName:function(opt,callback){      
// Our plugin implementation code goes here.        
}      
})      
})(jQuery);     

形式2：

$.fn.hilight = function() {     
  // Our plugin implementation code goes here.     
};     
我们的插件通过这样被调用：   
$(‘#myDiv‘).hilight();  

但是如果我们需要分解我们的实现代码为多个函数该怎么办？有很多原因：设计上的需要；这样做更容易或更易读的实现；而且这样更符合面向对象。 这真是一个麻烦事，把功能实现分解成多个函数而不增加多余的命名空间。出于认识到和利用函数是javascript中最基本的类对象，我们可以这样做。就像其他对象一样，函数可以被指定为属性。因此我们已经声明“hilight”为jQuery的属性对象，任何其他的属性或者函数我们需要暴露出来的，都可以在"hilight" 函数中被声明属性。稍后继续。

// plugin definition     
$.fn.hilight = function(options) {     
  var defaults = {     
   foreground: ‘red‘,     
   background: ‘yellow‘     
  };     
// Extend our default options with those provided.     
  var opts = $.extend(defaults, options);     
// Our plugin implementation code goes here.     
};     
我们的插件可以这样被调用：   
$(‘#myDiv‘).hilight({     
  foreground: ‘blue‘     
}); 

2.3 暴露插件的默认设置

// plugin definition     
$.fn.hilight = function(options) {     
  // Extend our default options with those provided.     
  // Note that the first arg to extend is an empty object -     
  // this is to keep from overriding our "defaults" object.     
  var opts = $.extend({}, $.fn.hilight.defaults, options);     
  // Our plugin implementation code goes here.     
};     
// plugin defaults - added as a property on our plugin function     
$.fn.hilight.defaults = {     
  foreground: ‘red‘,     
  background: ‘yellow‘     
};      
现在使用者可以包含像这样的一行在他们的脚本里：   
//这个只需要调用一次，且不一定要在ready块中调用   
$.fn.hilight.defaults.foreground = ‘blue‘;     
接下来我们可以像这样使用插件的方法，结果它设置蓝色的前景色：   
$(‘#myDiv‘).hilight();   

如你所见，我们允许使用者写一行代码在插件的默认前景色。而且使用者仍然在需要的时候可以有选择的覆盖这些新的默认值：

 (function($) {     
// plugin definition     
  $.fn.hilight = function(options) {     
    debug(this);     
// ...     
  };     
// private function for debugging     
  function debug($obj) {     
  if (window.console && window.console.log)     
 window.console.log(‘hilight selection count: ‘ + $obj.size()); 
  };     
//  ...     
})(jQuery); 

我们的“debug”方法不能从外部闭包进入,因此对于我们的实现是私有的。

$.fn.hilight = function(options) {     
// ...     
// build main options before element iteration     
  var opts = $.extend({}, $.fn.hilight.defaults, options);   
  return this.each(function() {     
   var $this = $(this);     
//build element specific options     
 var o = $.meta ? $.extend({}, opts, $this.data()) : opts  
//...  

这些变动行做了一些事情：它是测试Metadata插件是否被安装如果它被安装了，它能扩展我们的options对象通过抽取元数据这行作为最后一个参数添加到JQuery.extend，那么它将会覆盖任何其它选项设置。现在我们能从"markup”处驱动行为,如果我们选择了“markup”：

<!--  markup  -->     
<div class="hilight { background: ‘red‘, foreground: ‘white‘ } 
  Have a nice day!     
</div>     
<div class="hilight { foreground: ‘orange‘ }">     
  Have a nice day!     
</div>     
<div class="hilight { background: ‘green‘ }">     
  Have a nice day!     
</div>     
现在我们能高亮哪些div仅使用一行脚本：   
$(‘.hilight‘).hilight();   

2.7 整合
下面使我们的例子完成后的代码：