jQuery自定義了jQuery.extend()和jQuery.fn.extend()方法.其中jQuery.extend()方法能夠創建全局函數或者選擇器,而jQuery.fn.extend()方法能夠創建jQuery對象方法.

例如:

復制代碼 代碼如下:

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 = jQuery.prototype = {

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

　　　//......

};

復制代碼 代碼如下:

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對象方法
});