首页 > 语言 > JavaScript > 正文

浅谈jquery.fn.extend与jquery.extend区别

2024-05-06 16:23:03
字体:
来源:转载
供稿:网友

本文给大家简单描述了下jquery.fn.extend与jquery.extend的概念以及区别,十分的实用,有需要的小伙伴可以参考下。

1.jquery.extend(object); 为扩展jQuery类本身.为类添加新的方法。

jquery.fn.extend(object);给jQuery对象添加方法。

 

 
  1. $.extend({  
  2.   add:function(a,b){return a+b;}  
  3. });  
  4.  
  5. //$.add(3,4); 
  6. //return 7  

jQuery添加一个为 add的“静态方法”,之后便可以在引入 jQuery 的地方,使用这个方法了.

2.jQuery.fn.extend(object); 对jQuery.prototype进得扩展,就是为jQuery类添加“成员函数”。jQuery类的实例可以使用这个“成员函数”。

 

 
  1. $.fn.extend({  
  2. alertClick:function(){  
  3. $(this).click(function(){  
  4. alert($(this).val());  
  5. });  
  6. }  
  7. });  
  8.  
  9. //页面上为: 
  10. <input id="input1" type="text"/>  
  11.  
  12. //使用 
  13. $("#input1").alertClick();  

以上所述就是本文的全部内容了,希望大家能够喜欢。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选