jQuery1.7.1 API手册

本文基于jQuery1.7.1版本，是对官方API的整理和总结，完整的官方API见http://api.jquery.com/browser/

0、总述

jQuery框架提供了很多方法，但大致上可以分为3大类：获取jQuery对象的方法、在jQuery对象间跳转的方法，以及获取jQuery对象后调用的方法

其中第一步是怎样获取jQuery对象。大致来说，是通过最核心的$()方法，将页面上的元素（或者在页面上不存在的html片段）包装成jQuery对象。

$()方法里面支持的语法又包括3大类，分别是表达式（包括类表达式.，id表达式#，元素表达式等）、符号（包括后代符号space，next符号+等）、过滤器（包括:过滤器和[]过滤器）。

通过以上3种的组合，“查询”得到想要操作的元素或者元素集合，作为$()的参数，得到jQuery对象（或者jQuery对象的集合）

第二步是在jQuery对象间的跳转。也就是说，已经得到了一个jQuery对象，但是并不是想要的，那么可以通过一系列的跳转方法，比如parent()、next()、children()、find()等，或者过滤筛选的方法，比如eq()、filter()、not()等，来得到最终想要操作的jQuery对象。

用跳转和过滤方式得到的jQuery结果，往往通过比较复杂的表达式组合，可以达到同样的目的。

比如说$("div").eq(3)，也可以用$("div:eq(3)")达到同样的目的。

又比如说$("div").find("span")，可以用$("div span")取到同样的元素。

方法是很灵活的，要根据具体的情况来选择。一般来说，HTML页面写得越规范，使用jQuery就越简单

还有一种情况，在得到了jQuery()对象之后，想要判断其是否满足条件，那么可以调用is()、hasClass()等方法，返回一个boolean值，进行后续的判断。这类方法也可以归到这类。

第三步是在获取准确的jQuery对象之后，调用其上的各种方法，来进行操作。这一步反而是比较简单的了。

后面就是对jQuery框架各种方法的简要介绍，更详细的内容，还是以官方API为准

1、$(...)

$() 一切的核心，可以跟4种参数

$(expression)，比如$("#id")、$(".class")等，返回jQuery对象，或者jQuery对象的集合
$(html)，比如$("<span>hello world</span>")，返回jQuery对象，或者jQuery对象的集合
$(element)，比如$(document.body)，返回jQuery对象，或者jQuery对象的集合
$(*)，所有元素

2、jQuery Object Accessors

jQuery.index(element)，返回该jQuery对象在集合中的索引

jQuery.each(function)，遍历jQuery对象集合，在每个对象上执行function函数，function callback(index, domElement){this};

jQuery.size()，返回jQuery对象集合的大小

jQuery.length，相当于size()方法

jQuery.get()，获取原生DomElement对象的Array

jQuery.get(index)，获取原生DomElement对象

jQuery.eq(position)，获取jQuery对象集合中的一个jQuery对象

3、Data相关方法

jQuery.data(name)
jQuery.data(name, value)
jQuery.removeData(name)

4、选择符

multiple(selector1, selector2)，可以选择多个元素或者表达式，包装成jQuery对象的集合
例子：$("div,span")

id(id)
例子：$("#id")

class(class)
例子：$(".class")

element(element)
例子：$("div")

all
例子：$("*")

descendant
例子：$("table tr td")

child(parent, child)
例子：$("#id > span")，和上一个descendant的区别在于，descendant只要是后代就会被选中，而child必须是直接子节点，不包括孙子节点

next(prev, next)
例子：$("label + input")，选中的是label标签的下一个input标签，返回jQuery对象的集合

siblings(prev, siblings)
例子：$("#prev ~ div")，选中的是#prev之后的所有div标签，返回jQuery对象的集合，有点像next，但是范围更大

Basic Filters
$(":header")，选中所有header，包括<h1><h2>等
$("tr:odd")，选中所有奇数行
$("tr:even")，选中所有偶数行
$(":animated")，选中所有当前有特效的元素，$("div:animated")，选中当前所有有特效的<div>
$("tr:first")，选中第一行
$("tr:last")，选中最后一行
$("input:not(:checked)")，选中所有没有“checked”的input元素
$("td:gt(4)")，选中所有index是4之后的td
$("td:lt(4)")，选中所有index是4之前的td
$("td:eq(4)")，选中index是4的td，可以用$("td").eq(4)来实现同样的效果

Content Filters
$("div:contains('John')")，选中所有包含"John"字符串的div
$("td:empty")，选中所有内容为空的td
$("div:has(p)")，选中包含有<p>元素的<div>元素，返回jQuery对象集合
$("td:parent")，选中所有包含子节点的元素，包括文本也可以算是子节点

Visibility Filters
$("span:hidden")，选中所有隐藏的<span>
$("span:visible")，选中所有可见的<span>

Attribute Filters
$("div[id]")，选中包含id属性的<div>元素
$("input[name$='letter']")，选中包含某个属性的<input>元素，这个属性名是以'letter'结尾的
$("input[name^='letter']")，选中包含某个属性的<input>元素，这个属性名是以'letter'开头的
$("input[name*='man']")，选中包含某个属性的<input>元素，这个属性的属性名里包含'man'
$("input[name='newsletter']")，选中包含一个属性的<input>元素，这个属性的名字是'newsletter'
$("input[name!='newsletter']")，选中所有不包含'newsletter'属性的<input>元素
$("input[id][name$='man']")，选中包含id属性，和以'man'结尾属性的<input>元素

Child Filters
$("ul li:nth-child(2)")，选中自身是<ul>元素的第二个子节点的<li>元素，注意这个计算是从1开始的，不是从0开始
$("div span:firstChild")，选中自身是<div>元素的第一个子节点的<span>元素
$("div span:lastChild")，选中自身是<div>元素的最后一个子节点的<span>元素
$("div span:onlyChild")，选中自身是<div>元素的唯一子节点的<span>元素

Forms
$(":button")，所有<button>元素，和<input type="button">元素
$("form :checkbox")，选中所有<form>标签下的<input type="checkbox">，不过这样会比较慢，官方建议使用$("input:checkbox")
$(":file")，选中所有<input type="file">
$(":hidden")，选中所有隐藏元素，以及<input type="hidden">
$(":input")，选中所有<input>
$(":text")，选中所有<input type="text">
$(":password")，选中所有<input type="password">
$(":radio")，选中所有<input type="radio">，不过这样会比较慢，建议使用$("input:radio")
$(":image")，选中所有<input type="image">
$(":reset")，选中所有<input type="reset">
$(":submit")，选中所有<input type="submit">

Form Filters
$("input:enabled")，选中所有enabled的<input>元素
$("input:disabled")，选中所有disabled的<input>元素
$("input:checked")，选中所有checked的<input type="checkbox">元素
$("input:selected")，选中所有selected的<option>元素

5、属性相关的方法

jQuery.removeAttr(name)
jQuery.attr(name)，返回属性的值，比如$("img").attr("src")
jQuery.attr(key,value)，这是设置属性的值
jQuery.attr(properties)，也是设置属性的值
例子：
$("img").attr({
    src: "/images/hat.gif",
    title: "jQuery",
    alt: "jQuery Logo"
});
jQuery.attr(key,function)，也是设置属性的值，这个function计算出的结果，赋给key

function callback(index) {
    // index == position in the jQuery object
    // this means DOM Element
}

6、class相关的方法

jQuery.toggleClass(class)，反复切换class属性，该方法第一次执行，增加class，然后去除该class，循环
jQuery.toggleClass(class,switch)，增加一个switch表达式
jQuery.hasClass(class)，返回boolean
jQuery.removeClass(class)，删除class
jQueyr.addClass(class)，增加class

7、HTML相关的方法

jQuery.html()，返回包含的html文本
jQuery.html(val)，用val替换包含的html文本

8、文本相关的方法

jQuery.text()，返回包含的纯文本，不会包括html标签，比如<span>abcd</span>，调用.text()方法，只会返回abcd，不会返回<span>abcd</span>
jQuery.text(val)，用val替换包含的纯文本，和html(val)方法的区别在于，所有的内容会被看作是纯文本，不会作为html标签进行处理，比如调用.text("<span>abcd</span>")，<span>和</span>不会被认为是html标签

9、值相关的方法

jQuery.val()，返回string或者array
jQuery.val(val)，设置string值
jQuery.val(array)，设置多个值，以上3个方法，主要都是用在表单标签里，如<input type="text">，<input type="checkbox">等

10、在jQuery对象集合中进行过滤

以下几类方法有点像把选择符Filter进行方法化，比如$("label:eq(4)")，取到第4个<label>元素，这个就可以用$("label").eq(4)来替代，达到同样的效果

jQuery.is(expr)，返回boolean，比如$(this).is(":first-child")，判断一个元素，是不是其父节点的第一个子节点

jQuery.eq(index)，$("div").eq(2)，取出第2个<div>元素

jQuery.filter(expr)，比如$("div").filter(".middle")，会从div元素中筛选出属于middle的class的元素；再比如$("p").filter(".selected, :first")，会取出是selected类，或者是第一个元素的<p>元素，这个可以用$("p.class, p:first")来代替
这个方法，会从初始的结果集中，筛选保留一部分

jQuery.filter(fn)，类似于上一个函数，可以传进去一个function，用这个function的返回值，进行筛选
function callback(index){
    // index == position in the jQuery object
    // this means DOM Element
    return boolean;
}

jQuery.not(expr)，是和filter(expr)相反的方法，不是和is(expr)相反的方法。该方法把满足expr的元素给排除掉，比如$("div").not(".green, #blue")，把class是green或者id是blue的元素过滤掉

jQuery.slice(start, end)，从jQuery对象集合中选出一段

jQuery.map(callback)，不知道是干嘛的

11、在jQuery对象之间查找

jQuery.parent(expr)，找父亲节点，可以传入expr进行过滤，比如$("span").parent()或者$("span").parent(".class")
jQuery.parents(expr)，类似于jQuery.parent(expr)，但是是查找所有祖先元素，不限于父元素
jQuery.children(expr)，返回所有子节点，和parents()方法不一样的是，这个方法只会返回直接的孩子节点，不会返回所有的子孙节点
jQuery.contents()，返回下面的所有内容，包括节点和文本。这个方法和children()的区别就在于，包括空白文本，也会被作为一个jQuery对象返回，children()则只会返回节点

jQuery.prev()，返回上一个兄弟节点，不是所有的兄弟节点
jQuery.prevAll()，返回所有之前的兄弟节点
jQuery.next()，返回下一个兄弟节点，不是所有的兄弟节点
jQuery.nextAll()，返回所有之后的兄弟节点
jQuery.siblings()，返回兄弟姐妹节点，不分前后

jQuery.add(expr)，往既有的jQuery对象集合中增加新的jQuery对象，例子：$("div").add("p")

jQuery.find(expr)，跟jQuery.filter(expr)完全不一样。jQuery.filter()是从初始的jQuery对象集合中筛选出一部分，而jQuery.find()的返回结果，不会有初始集合中的内容，比如$("p").find("span")，是从<p>元素开始找<span>，等同于$("p span")

12、串联方法

jQuery.andSelf()，把最后一次查询前一次的集合，也增加到最终结果集中，比如$("div").find("p").andSelf()，这样结果集中包括所有的<p>和<div>。如果是$("div").find("p")，那就只有<p>，没有<div>

jQuery.end()，把最后一次查询前一次的集合，作为最终结果集，比如$("p").find("span").end()，这样的结果集，是所有的<p>，没有<span>

13、DOM文档操作方法

jQuery.append(content)，这个方法用于追加内容，比如$("div").append("<span>hello</span>");
jQuery.appendTo(selector)，这个方法和上一个方法相反，比如$("<span>hello</span>").appendTo("#div")，这个方法其实还有一个隐藏的move作用，即原来的元素被移动了
jQuery.prepend(content)，跟append()方法相对应，在前面插入
jQuery.prependTo(selector)，跟上一个方法相反

jQuery.after(content)，在外部插入，插入到后面，比如$("#foo").after("<span>hello</span>");
jQuery.insertAfter(selector)，和上一个方法相反，比如$("<span>hello</span>").insertAfter("#foo");
jQuery.before(content)，在外部插入，插入到前面
jQuery.insertBefore(selector)，跟上一个方法相反

jQuery.wrapInner(html)，在内部插入标签，比如$("p").wrapInner("<span></span>");
jQuery.wrap(html)，在外部插入标签，比如$("p").wrap("<div></div>")，这样的话，所有的<p>都会被各自的<div>包裹
jQuery.wrapAll(html)，类似上一个，区别在于，所有的<p>会被同一个<div>包裹

jQuery.replaceWith(content)，比如$(this).replaceWith("<div>"+$(this).text()+"</div>");
jQuery.replaceAll(selector)，比如$("<div>hello</div>").replaceAll("p");

jQuery.empty()，比如$("p").empty()，这样的话，会把<p>下面的所有子节点清空
jQuery.remove(expr)，比如$("p").remove()，这样的话，会把所有<p>移除，可以用表达式做参数，进行过滤

jQuery.clone()，复制一个页面元素

14、CSS相关方法

jQuery.css(name)，获取一个css属性的值，比如$("p").css("color")
jQuery.css(object)，设置css属性的值，比如$("p").css({"color":"red","border":"1px red solid"});
jQuery.css(name,value)，设置css属性的值，比如$("p").css("color","red");

15、位置计算相关方法

jQuery.scrollLeft()，设置滚动条偏移，这个方法对可见元素或不可见元素都生效
jQuery.scrollTop()，设置滚动条偏移，这个方法对可见元素或不可见元素都生效
jQuery.offset()，计算偏移量，返回值有2个属性，分别是top和left
jQuery.position()，计算位置，返回值也有2个属性，top和left

16、宽度和高度计算相关方法

这组方法需要结合CSS的盒子模型来理解，margin始终不参与计算

jQuery.height()，这个方法计算的是content
jQuery.innerHeight()，这个方法计算的是content+padding
jQuery.outerHeight()，这个方法计算的是content+padding+border
jQuery.width();
jQuery.innerWidth();
jQuery.outerWidth();

17、页面加载完成事件

$(document).ready(function(){})，可以简写为$(function(){})

18、事件绑定方法

jQuery.bind(type,data,fn)

bind()方法可以接受3个参数，第1个是事件类型，类型是string，可能的值有blur, focus, load, resize, scroll, unload, beforeunload, click, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, mouseenter, mouseleave, change, select,

submit, keydown, keypress, keyup, error

第3个参数是当事件发生时，要执行的函数，函数原型是
function callback(eventObject) {
    this; // dom element
}

在这个方法里return false会阻止事件冒泡并中止默认行为，如果在这个方法里调用eventObject.preventDefault()则会中止默认行为，如果在这个方法里调用eventObject.stopPropagation()则只会阻止事件冒泡

第2个参数是可选的，会赋值给e.data，比如
function handler(event) {
    alert(event.data.foo);
}
$("p").bind("click", {foo: "bar"}, handler)

jQuery.one(type,data,fn)，这个方法类似于bind()方法，区别在于只会绑定一次

jQuery.unbind(type,fn)，解除绑定

jQuery.trigger(event,data)，触发事件，要注意这个方法，同样会引起浏览器的默认行为，比如submit

另外，这个方法如果和bind()方法里定义的handler配合使用，可以更加灵活地传递参数，比如

$("#test").bind("click", {name : "kyfxbl"}, function(e, foo) {
    alert(e.data.name);
    alert("foo: " + foo);
});

以上代码，如果直接点击#test，则foo的值是undefined

但是如果通过$("#test").trigger("click",["foo"])来触发，则参数foo会被赋值为"foo"

jQuery.triggerHandler(event,data)，这个方法和trigger()方法十分相像，主要有2点不同，1是这个方法不会触发浏览器的默认行为，2是它只会在jQuery对象集合的第一个元素上触发

jQuery.live(type,fn)，这个方法十分类似jQuery.bind()方法，区别在于这个方法对后来才添加进来的元素同样有效

jQuery.die(type,fn)，这个是jQuery.live()的相反方法

19、事件快捷方法

jQuery.hover(over,out)，这个方法是mouseenter和mouseleave的便捷方法，2个参数的函数原型是：
function callback(eventObject) {
    this; // dom element
}

jQuery.toggle(fn,fn2,fn3,...)，这个方法是多次点击的便捷方法，参数的函数原型是：
function callback(eventObject) {
    this; // dom element
}

jQuery提供了两类便捷方法：

第一类是类似于click()这种，相当于简化的jQuery.trigger()方法，比如$("p").click()相当于$("p").trigger("click")，不过该方法，无法像完整的jQuery.trigger("click", data)方法一样，传递一个附带的参数

第二类是类似于click(function)这种，相当于简化的jQuery.bind()方法，比如$("p").click(function)相当于$("p").bind("click",function)，不过该方法，无法像完整的jQuery.bind("click", data, func)一样，传递一个额外的参数

20、切换元素显示与否的方法

jQuery.toggle()，原本显示的元素会不显示，原本不显示的会显示出来。这些元素可以是通过show()和hide()切换的，也可以是通过display:none来设置的
jQuery.show()，显示元素
jQuery.hide()，隐藏元素

jQuery.show(speed, callback)，类似于上面的jQuery.show()，不过可以设置速度以及回调函数
speed可以是"slow"、"normal"、"fast"，也可以是毫秒数
callback函数的原型是：
function callback() {
    this; // dom element
}
jQuery.hide(speed, callback)
jQuery.toggle(speed, callback)

21、页面一些特效方法

jQuery.slideDown(speed, callback)，让一个元素下滑，从无到有
jQuery.slideUp(speed, callback)，让一个元素上升，从有到无
jQuery.slideToggle(speed, callback)，切换一个下滑和上升

jQuery.fadeIn(speed, callback)，淡入效果
jQuery.fadeOut(speed, callback)，淡出效果
jQuery.fadeTo(speed, opacity, callback)，变淡效果

22、ajax相关方法

$.ajax(options)，这个是底层方法，上层的$.get()和$.post()都是基于此方法的封装

options:

async：是否异步，默认为true
url：目标地址
type：请求类型，可以是"POST"或者"GET"
data：请求参数，比如"name=kyfxbl&location=shenzhen"

complete(function)：请求结束后的回调函数，函数原型是
function (XMLHttpRequest, textStatus) {
    this; // the options for this ajax request
}

success(function)：请求成功后的回调函数，函数原型是
function (data, textStatus) {
    // data could be xmlDoc, jsonObj, html, text, etc...
    this; // the options for this ajax request
}

例子：
$.ajax({
    url : "user/ajax",
    type : "GET",
    data : "name=kyfxbl&location=shenzhen",
    success : function(data, textStatus) {
                  alert(data);
  alert(this.success);
      }
});

$.get(url, data, callback, type)，$.ajax()的简易方法，用于发送GET请求

url：请求地址
data：发送到服务端的请求参数
callback：请求成功后的回调函数，函数原型是：
function (data, textStatus) {
    // data could be xmlDoc, jsonObj, html, text, etc...
    this; // the options for this ajax request
}

$.post(url, data, callback, type)，$.ajax()的简易方法，跟$.get()差不多，用于发送POST请求

23、浏览器及特性检测

$.support，可以检测当前浏览器是否支持下列属性，返回boolean。包括boxModel、cssFloat、opacity、tbody等
$.browser，检测当前浏览器类型，返回一个map，其中可能的值有safari、opera、msie、mozilla

24、数据缓存方法

该类方法是jQuery.data()方法和jQuery.removeData()的另一种形式，增加的elem参数是DOM Element

$.data(elem, name)，取出elem上name的值
$.data(elem, name, value)，设置elem上name的值为value
$.removeData(elem, name)，删除elem上的name
$.removeData(elem)，删除elem上的所有缓存数据

25、工具方法

$.isArray(obj)，检测一个对象是否是数组
$.isFunction(obj)，检测一个对象是否是函数
$.trim(str)，去除string的空格
$.inArray(value, array)，返回value在array中的下标，如果没有找到则返回-1，比如$.inArray(123, ["john",1,123,"f"])将会返回2
$.unique(array)，去除array中的重复元素，该方法只对DOM Element有效，对string和number无效

#######################################################################################

1. /*!  
2.  * jQuery源码分析-extend函数  
3.  * jQuery版本:1.4.2  
4.  *   
5.  * ----------------------------------------------------------  
6.  * 函数介绍  
7.  * jQuery.extend与jQuery.fn.extend指向同一个函数对象  
8.  * jQuery.extend是jQuery的属性函数(静态方法)  
9.  * jQuery.fn.extend是jQuery函数所构造对象的属性函数(对象方法)  
10.  *  
11.  * ----------------------------------------------------------  
12.  * 使用说明  
13.  * extend函数根据参数和调用者实现功能如下：  
14.  * 1.对象合并:  
15.  * 对象合并不区分调用者,jQuery.extend与jQuery.fn.extend完全一致  
16.  * 也就是说对jQuery对象本身及jQuery所构造的对象没有影响  
17.  * 对象合并根据参数区分,参数中必须包括两个或两个以上对象  
18.  * 如:$.extend({Object}, {Object}) 或 $.extend({Boolean},{Object}, {Object})  
19.  * 对象合并返回最终合并后的对象,支持深度拷贝  
20.  *   
21.  * 2.为jQuery对象本身增加方法:  
22.  * 这种方式从调用者和参数进行区分  
23.  * 形式为 $.extend({Object})  
24.  * 这种方式等同于 jQuery.{Fnction Name}  
25.  *   
26.  * 3.原型继承:  
27.  * 原型继承方式可以为jQuery所构造的对象增加方法  
28.  * 这种方式也通过调用者和参数进行区分  
29.  * 形式为 $.fn.extend({Object})  
30.  * 这种方式实际上是将{Object}追加到jQuery.prototype,实现原型继承  
31.  *   
32.  * ----------------------------------------------------------  
33.  *   
34.  */  
35.     
36. // jQuery.fn = jQuery.prototype   
37. // jQuery.fn.extend = jQuery.prototype.extend   
38. jQuery.extend = jQuery.fn.extend = function(){   
39.   
40.     //目标对象   
41.     var target = arguments[0] || {},       
42.        
43.     //循环变量,它会在循环时指向需要复制的第一个对象的位置,默认为1   
44.     //如果需要进行深度复制,则它指向的位置为2   
45.     i = 1,       
46.        
47.     //实参长度   
48.     length = arguments.length,       
49.        
50.     //是否进行深度拷贝   
51.     //深度拷贝情况下,会对对象更深层次的属性对象进行合并和覆盖   
52.     deep = false,       
53.        
54.     //用于在复制时记录参数对象   
55.     options,       
56.        
57.     //用于在复制时记录对象属性名   
58.     name,       
59.        
60.     //用于在复制时记录目标对象的属性值   
61.     src,       
62.        
63.     //用于在复制时记录参数对象的属性值   
64.     copy;   
65.        
66.     //只有当第一个实参为true时,即需要进行深度拷贝时,执行以下分支   
67.     if (typeof target === "boolean") {   
68.         //deep = true,进行深度拷贝   
69.         deep = target;   
70.            
71.         //进行深度拷贝时目标对象为第二个实参,如果没有则默认为空对象   
72.         target = arguments[1] || {};   
73.            
74.         //因为有了deep深度复制参数,因此i指向的位置为第二个参数   
75.         i = 2;   
76.     }   
77.        
78.     //当目标对象不是一个Object且不是一个Function时(函数也是对象,因此使用jQuery.isFunction进行检查)   
79.     if (typeof target !== "object" && !jQuery.isFunction(target)) {   
80.            
81.         //设置目标为空对象   
82.         target = {};   
83.     }   
84.        
85.     //如果当前参数中只包含一个{Object}   
86.     //如 $.extend({Object}) 或 $.extend({Boolean}, {Object})   
87.     //则将该对象中的属性拷贝到当前jQuery对象或实例中   
88.     //此情况下deep深度复制仍然有效   
89.     if (length === i) {   
90.            
91.         //target = this;这句代码是整个extend函数的核心   
92.         //在这里目标对象被更改,这里的this指向调用者   
93.         //在 $.extend()方式中表示jQuery对象本身   
94.         //在 $.fn.extend()方式中表示jQuery函数所构造的对象(即jQuery类的实例)   
95.         target = this;   
96.            
97.         //自减1,便于在后面的拷贝循环中,可以指向需要复制的对象   
98.         --i;   
99.     }   
100.        
101.     //循环实参,循环从第1个参数开始,如果是深度复制,则从第2个参数开始   
102.     for (; i < length; i++) {   
103.            
104.         //当前参数不为null,undefined,0,false,空字符串时   
105.         //options表示当前参数对象   
106.         if ((options = arguments[i]) != null) {   
107.                
108.             //遍历当前参数对象的属性,属性名记录到name   
109.             for (name in options) {   
110.                    
111.                 //src用于记录目标对象中的当前属性值   
112.                 src = target[name];   
113.                    
114.                 //copy用于记录参数对象中的当前属性值   
115.                 copy = options[name];   
116.                    
117.                 //存在目标对象本身的引用,构成死循环,结束此次遍历   
118.                 if (target === copy) {   
119.                     continue;   
120.                 }   
121.                    
122.                 //如果需要进行深度拷贝,且copy类型为对象或数组   
123.                 if (deep && copy && (jQuery.isPlainObject(copy) || jQuery.isArray(copy))) {   
124.                    
125.                     //如果src类型为对象或数组,则clone记录src   
126.                     //否则colne记录与copy类型一致的空值(空数组或空对象)   
127.                     var clone = src && (jQuery.isPlainObject(src) || jQuery.isArray(src)) ? src : jQuery.isArray(copy) ? [] : {};   
128.                        
129.                     //对copy迭代深度复制   
130.                     target[name] = jQuery.extend(deep, clone, copy);   
131.                        
132.                     //如果不需要进行深度拷贝   
133.                 } else if (copy !== undefined) {   
134.                        
135.                     //直接将copy复制给目标对象   
136.                     target[name] = copy;   
137.                 }   
138.             }   
139.         }   
140.     }   
141.        
142.     //返回处理后的目标对象   
143.     return target;   
144. };   
145.   
146.   
147. /**  
148.  * jQuery框架本身对extend函数的使用非常频繁  
149.  * 典型示例为jQuery.ajax  
150.  *   
151.  */  
152.   
153. //使用extend对jQuery对象本身进行扩展,只给了一个参数对象   
154. //该对象中的属性将被追加到jQuery对象中   
155. jQuery.extend({   
156.     
157.     //jQuery.ajax   
158.     //$.ajax   
159.     
160.     //这里的origSettings参数是自定义的ajax配置   
161.     //jQuery对象本身有一个ajaxSettings属性,是默认的ajax配置   
162.     ajax: function(origSettings){    
163.     
164.         //这里使用extend对ajax配置项进行合并   
165.         //第一个参数表示进行深度拷贝   
166.         //首先将第3个参数jQuery.ajaxSettings(即jQuery默认ajax配置)复制到第2个参数(一个空对象)   
167.         //然后将第4个参数(自定义配置)复制到配置对象(覆盖默认配置)   
168.         //这里的s就得到了最终的ajax配置项   
169.         var s = jQuery.extend(true, {}, jQuery.ajaxSettings, origSettings);   
170.      
171.         //其它相关代码...(省略)   
172.     }   
173. });