$.fn

作者: 嘤嘤嘤998 | 来源:发表于2019-02-11 18:37 被阅读0次

虽然 JavaScript 没有明确的类的概念,但是用类来理解它,会更方便。jQuery便是一个封装得非常好的类,比如我们用 语句$("#div1")会生成一个 jQuery类的实例。

jQuery.extend(object)

为jQuery类添加类方法,可以理解为添加静态方法。
注意括号里都是object

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)
$.fn.extend({
    alertWhileClick: function() {
        $(this).click(function() {
            alert($(this).val());
        });
    }
});
//$("#input1")是jQuery的实例,调用这个扩展方法
$("#input1").alertWhileClick();

jQuery.extend() 的调用并不会把方法扩展到对象的实例上,引用它的方法也需要通过jQuery类来实现,如jQuery.init()

jQuery.fn.extend()的调用把方法扩展到了对象的prototype上,所以实例化一个jQuery对象的时候,它就具有了这些方法,如 $("#input1").alertWhileClick();

jQuery.fn.extend = jQuery.prototype.extend

相关文章

  • [Math] Fibonacci Matrix*

    公式 (Fn, Fn-1)' = (1 1; 1 0)(Fn-1, Fn-2)

  • 柯里化/偏函数/变量提升/垃圾回收机制

    柯里化:fn(a,b,c) ==> fn(a)(b)(c) 偏函数:fn(a,b,c) ==> fn(a,b)...

  • 函数,构造函数,函数对象与实例对象

    function Fn(){//函数} const fn=new Fn()//当new了以后 Fn就是构造函数 f...

  • 洋葱圈模型

    一、原型 运行: 输出: fn1fn2fn3 // after 2send fn2end fn1 二、转码 相当...

  • this

    fn() this => window/global obj.fn() this => obj fn.call(x...

  • 凯酷键盘使用教程

    Fn + ↑ 关照强度 有线模式 FN+TAB 切换 如果win 不能用就FN+Winwin 布局 FN+A...

  • FN

    FN是☞社交平台✔ 把每天刷微信朋友圈的10分钟 花在FN社交平台共享你的流量 ️分润流量和广告收益 你的时间☞值钱

  • $.fn

    虽然 JavaScript 没有明确的类的概念,但是用类来理解它,会更方便。jQuery便是一个封装得非常好的类,...

  • FN

    让我享受一次好吗车都走了让我享受这些路人都走了让我享受这些房子邮政编码消失了让我享受这一次遗忘 从此我的家在路上遇...

  • 雷柏v500机械键盘快捷键

    从说明书上抄下来的 FN+F1=主页FN+F2=邮箱FN+F3=计算器FN+F4=搜索FN+F5=播放器FN+F6...

网友评论

      本文标题:$.fn

      本文链接:https://www.haomeiwen.com/subject/ultceqtx.html