jQuery.extend 与 jQuery.fn.extend 的区别

原创于 2022-08-06 17:53:05 发布 · 167 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #javascript #前端

JavaScript 同时被 2 个专栏收录

108 篇文章

订阅专栏

jQuery

11 篇文章

订阅专栏

这篇博客介绍了jQuery中的$.extend()和$.fn.extend()两个方法。$.extend()用于扩展jQuery对象，添加静态方法，例如示例中展示了如何添加min和max方法。而$.fn.extend()则用于扩展jQuery的实例方法，如创建了一个alertValue方法，使得元素点击后能弹出其值。通过这两个方法，开发者可以自定义和增强jQuery的功能。

$.fn.extend() 和 $.extend() 是 jQuery 为扩展插件提拱了两个方法
$.extend(object); // 为jQuery添加“静态方法”（工具方法）

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

$.extend([true,] targetObject, object1[, object2]); // 对targt对象进行扩展

var settings = {validate:false, limit:5};
var options = {validate:true, name:"bar"};
$.extend(settings, options);  // 注意：不支持第一个参数传 false
// settings == {validate:true, limit:5, name:"bar"}

$.fn.extend(json); // 为jQuery添加“成员函数”（实例方法）


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

$("#email").alertValue();