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

前端技术 2023/09/06 JavaScript

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

$.extend({ 
　　add:function(a,b){return a+b;} 
}); 

//$.add(3,4);
//return 7

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

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

$.fn.extend({ 
  alertClick:function(){ 
    $(this).click(function(){ 
      alert($(this).val()); 
    }); 
  } 
}); 

//页面上为：
<input id=\"input1\" type=\"text\"/>    

//使用
$(\"#input1\").alertClick();

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

本文地址：https://www.stayed.cn/item/15499

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案