前端开发

 首页 > 前端开发 > jquery教程 > jquery.fn.extend与jquery.extend区别

jquery.fn.extend与jquery.extend区别

分享到:
【字体:
导读:
          1.jquery.extend(object); 为扩展jQuery类本身.为类添加新的方法。 jquery.fn.extend(object);给jQuery对象添加方法。 $.extend({ add:function(a,b){returna+b;}});//$.add(3,4);//return7 jQuery添加一个为 add的“静态方法...

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()); 
    }); 
  } 
}); 
 
//页面上为:
    
 
//使用
$("#input1").alertClick();


分享到:
jQuery最常用的方法集
今天为大家带来jquery最常用的方法集 1.jquery  data(name) data() 方法向被选元素附加数据,或者从被选元素获取数据。 $("#btn1").click(function(){  $("div").data("greeting", "Hello World"); }); $("#btn2").click(function(){  alert($("div").data("greeting")); }); 2.jquery arguments arguments是指...
jQuery $命名冲突解决方案汇总_jquery_自...
最近遇到个问题,同时引用了jquery库和另外一个js库。当用$XX去调用js库函数时,发现失效了!于是找资料,原来是jquery命名冲突了。因为许多JavaScript 库使用$作为函数或变量名,jquery也一样。其实$只是jquery的一个别名而已,假如我们需要使用jquery 之外的另一js库,我们可以通过调用 $.noConflict() 向该库返回控制权...
  •         php迷,一个php技术的分享社区,专属您自己的技术摘抄本、收藏夹。
  • 在这里……