jQuery中extend和fn.extend

本文深入探讨jQuery插件开发中的两种主要方法:jQuery.extend和jQuery.fn.extend,通过具体实例展示了如何为jQuery类添加静态方法和成员函数,并应用于创建自定义插件。

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

jQuery为开发插件提供了两种方法,分别是:
jQuery.extend(object);    为扩展jQuery类本身,为jQuery类添加新的静态方法。 
jQuery.fn.extend(object);  给jQuery对象添加方法。

jQuery.extend(object); 为jQuery类添加添加类方法,可以理解为添加静态方法。如: 
jQuery.extend({
  min: function(a, b) { return a < b ? a : b; },
  max: function(a, b) { return a > b ? a : b; }
});
便为jQuery添加两个“静态方法”,之后便可以在引入 jQuery的地方,使用方法了:
jQuery.min(2,3); //  2
jQuery.max(4,5); // 5

jQuery.fn.extend(object); 对jQuery.prototype进得扩展,就是为jQuery类添加“成员函数”。

jQuery类的实例可以使用这个“成员函数”。 

比如我们要开发一个插件,做一个特殊的编辑框,当它被点击时,便alert 当前编辑框里的内容。可以这么做: 

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

$("#input1").alertWhileClick();


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值