jQuery 学习五(插件机制)

●  jQuery.extend(object)  

Javascript代码  

1. /** 
2.  * 扩展 jQuery 对象(这里指的是 jQuery 命名空间)本身。 
3.  * 用来在 jQuery 命名空间上增加新函数。查看 jQuery.fn.extend 获取更多添加插件的信息。 
4.  * 
5.  * @object(Object) 要扩展的对象，一般都是函数  
6.  * @return jQuery namespace Object 
7.  */  
8. jQuery.extend(object);  
9.   
10. // 例子：在 jQuery 命名空间上增加两个函数。  
11. jQuery.extend({  
12.   min: function(a, b) { return a < b ? a : b; },  
13.   max: function(a, b) { return a > b ? a : b; }  
14. });  
15.   
16. // 使用方法  
17. // => 2  
18. jQuery.min(2, 3);  
19. // => 5  
20. jQuery.max(4, 5);  

    ●  jQuery.fn.extend(object)  

Javascript代码  

1. /** 
2.  * 扩展 jQuery 元素集(jQuery 对象)来提供新的方法(通常用来制作插件)。 
3.  * 
4.  * @object(Object) 用来扩充 jQuery 对象的对象。 
5.  * @return jQuery Object 
6.  */  
7. jQuery.fn.extend(object);  
8.   
9. // 例子：为 jquery Object 增加两个插件方法。  
10. jQuery.fn.extend({  
11.   check: function() {  
12.     return this.each(function() { this.checked = true; });  
13.   },  
14.   uncheck: function() {  
15.     return this.each(function() { this.checked = false; });  
16.   }  
17. });  
18.   
19. // 使用方法  
20. $("input[type=checkbox]").check();  
21. $("input[type=radio]").uncheck();