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

2019-12-18,,,

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();  

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

您可能感兴趣的文章:

  • jQuery.extend()、jQuery.fn.extend()扩展方法示例详解
  • 开发插件的两个方法jquery.fn.extend与jquery.extend
  • jQuery学习笔记之jQuery.extend(),jQuery.fn.extend()分析
  • jQuery插件开发的两种方法及$.fn.extend的详解
  • jquery的extend和fn.extend的使用说明
  • jQuery中extend()和fn.extend()方法详解
  • Jquery实现$.fn.extend和$.extend函数
  • jquery简单插件制作(fn.extend)完整实例
  • 深入理解jquery的$.extend()、$.fn和$.fn.extend()
  • jQuery.extend 与 jQuery.fn.extend的用法及区别实例分析

《浅谈jquery.fn.extend与jquery.extend区别.doc》

下载本文的Word格式文档,以方便收藏与打印。