jQuery.extend()、jQuery.fn.extend()扩展方法详解

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

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

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.test = function(){
    alert("这是jQuery对象方法!");
}
jQuery("div").click(function(){
    $(this).test();   //在当前的jQuery对象上调用test()方法
});

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