版权声明：本文为博主原创文章。未经博主同意不得转载。

https://blog.csdn.net/dreamsunday/article/details/25193459

jQuery自己定义了jQuery.extend()和jQuery.fn.extend()方法.当中jQuery.extend()方法能够创建全局函数或者选择器,而jQuery.fn.extend()方法能够创建jQuery对象方法.

比如:

jQuery.extend({    showName : function(name){        alert(name)    }});jQuery.showName("深蓝");

jQuery.extend()除了能够创建插件外,还能够用来扩展jQuery对象.

比如:

var a = {    name : "blue",    pass : 123}var b = {    name : "red",    pass : 456,    age : 1}var c = jQuery.extend({},a,b);

c拥有a,b对象的属性,因为,b对象在a对象之后,其name属性优先在c对象里.

jQuery.extend()方法为插件传递系列选项,包含默认值.

function fn(options){    var options = jQuery.extend({    //默认參数选项列表        name1 : value1,        name2 : value2,        name3 : value3    },options);   //使用函数的參数覆盖或合并到默认參数选项列表中    //函数体}fn({ name1 : value3, name2 : value2 , name3 : value1 });//使用新值fn({ name4 : value3, name5 : value2 });//在默认上加入新选项fn();    //保持默认选项值

当在调用该方法时,传递新的參数值,就会覆盖掉默认的參数选项值,否则,使用默认參数值.

使用JQuery.fn对象创建JQuery对象方法

能够通过jQuery.fn对象来加入属性和方法,实际上jQuery.fn对象就是挂接在jQuery.prototype上的,jQuery把它简写了.

fn 是什么东西呢。查看jQuery代码。就不难发现。

jQuery.fn = jQuery.prototype = {

　　　init: function( selector, context ) {//....　

　　　//......

};

 

原来 jQuery.fn = jQuery.prototype.对prototype肯定不会陌生啦。

比如:

jQuery.fn.test = function(){    alert("这是jQuery对象方法!");}jQuery("div").click(function(){    $(this).test();   //在当前的jQuery对象上调用test()方法});

我们能够调用jQuery.fn.extend()方法来创建jQuery对象方法.

jQuery.fn.extend({    test : function(){        return this.each(function(){            alert(this.nodeName)        });    }});jQuery("body *").click(function(){    $(this).test();     //调用jQuery对象方法});

一句话:jQuery.extend是对JQuery类的自己定义扩展,jQuery.fn.extend是对JQuery对象的自己定义扩展.