jQuery 学习五(插件机制)

来源:互联网 发布:越南新娘淘宝 编辑:程序博客网 时间:2024/06/07 13:51
●  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();  
0 0
原创粉丝点击