jquery中的$.fn.extend()与$.extend()的区别

(1)$.fn是指jquery的命名空间,加上fn的方法及属性,表示对jquery类扩展了新的属性或方法,每一个jquery实例都可以调用。

例如:$.fn.test() => 这样每一个jquery对象都可以调用test方法,如:$(".class").test();

  (理解时可以类比在java类中新增了一个成员方法或属性,每一个该类的对象都可以调用)
(2)$.fn.extend(object)即表示给jquery对象添加方法:

$.fn.extend({
    test:function(){
        alert("test");
    }
})
//调用
$("#abc").test();
//以上即表示为每一个jquery对象新增了一个test方法,都可以调用;

(3)$.extend(object)表示为Jquery类本身添加方法,该方法只能通过jquery类进行调用。(类似于JAVA中给类新增了静态方法):

$.extend({
    test:function(){
        alert("test");
    }
})
//调用
$.test();
//以上即表示为Jquery类新增了方法,只能通过jquery类本身($或Jquery)进行调用。

猜你喜欢

转载自blog.csdn.net/qq_29468573/article/details/81199094