$.extend和$.fn.extend的区别

最新推荐文章于 2021-10-07 17:57:36 发布

chs_jdmdr

最新推荐文章于 2021-10-07 17:57:36 发布

阅读量581

点赞数

分类专栏： jQuery 文章标签： jquery

jQuery 专栏收录该内容

2 篇文章

订阅专栏

本文详细解释了jQuery中的两种扩展方法：jQuery.extend和jQuery.fn.extend的区别及使用场景。通过具体示例展示了如何利用这两种方法为jQuery添加新的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

http://www.aichengxu.com/view/36947

$.extend和$.fn.extend的区别：

虽然 javascript　没有明确的类的概念，但是用类来理解它，会更方便。

jQuery便是一个封装得非常好的类，比如我们用语句　$("#btn1") 会生成一个 jQuery类的实例。

jQuery.extend(object);　为jQuery类添加类方法，可以理解为“添加静态方法” 。可以直接利用jQuery类来调用，例如：

jQuery.extend({
min: function(a, b) { return a < b ? a : b; },
max: function(a, b) { return a > b ? a : b; }
});
jQuery.min(2,3); //  2 
jQuery.max(4,5); //  5

而jQuery.fn.extend(object); 对jQuery.prototype进得扩展，就是为jQuery类添加“成员函数”，例如：

$.fn.extend({          
     alertWhileClick:function() {            
           $(this).click(function(){                 
                  alert($(this).val());           
            });           
      }       
});       
$("#input1").alertWhileClick();