这个函数接收一个包含 CSS 选择器的字符串，然后用这个字符串去匹配一组元素。
jQuery 的核心功能都是通过这个函数实现的。 jQuery中的一切都基于这个函数，或者说都是在以某种方式使用这个函数。这个函数最基本的用法就是向它传递一个表达式（通常由 CSS 选择器组成），然后根据这个表达式来查找所有匹配的元素。
默认情况下, 如果没有指定context参数，$()将在当前的 HTML document中查找 DOM 元素；如果指定了 context 参数，如一个 DOM 元素集或 jQuery 对象，那就会在这个 context 中查找。在jQuery 1.3.2以后，其返回的元素顺序等同于在context中出现的先后顺序。
参考文档中 选择器 部分获取更多用于 expression 参数的 CSS 语法的信息。
用来查找的字符串
作为待查找的 DOM 元素集、文档或 jQuery 对象。
找到所有 p 元素，并且这些元素都必须是 div 元素的子元素。
<p>one</p> <div><p>two</p></div> <p>three</p>
$("div > p");
[ <p>two</p> ]
在文档的第一个表单中，查找所有的单选按钮(即: type 值为 radio 的 input 元素)。
$("input:radio", document.forms[0]);
在一个由 AJAX 返回的 XML 文档中，查找所有的 div 元素。
$("div", xml.responseXML);
根据提供的原始 HTML 标记字符串，动态创建由 jQuery 对象包装的 DOM 元素。
你可以传递一个手写的 HTML 字符串，或者由某些模板引擎或插件创建的字符串，也可以是通过 AJAX 加载过来的字符串。但是在你创建 input 元素的时会有限制，可以参考第二个示例。当然这个字符串可以包含斜杠 (比如一个图像地址)，还有反斜杠。当你创建单个元素时，请使用闭合标签或 XHTML 格式。例如，创建一个 span ，可以用 在jQuery 中，这个语法等同于$(document.createElement("span")) 。
用于动态创建DOM元素的HTML标记字符串
创建DOM元素所在的文档
动态创建一个 div 元素（以及其中的所有内容），并将它追加到 body 元素中。在这个函数的内部，是通过临时创建一个元素，并将这个元素的 innerHTML 属性设置为给定的标记字符串，来实现标记到 DOM 元素转换的。所以，这个函数既有灵活性，也有局限性。
$("<div><p>Hello</p></div>").appendTo("body");
创建一个 <input> 元素必须同时设定 type 属性。因为微软规定 <input> 元素的 type 只能写一次。
// 在 IE 中无效:
$("<input>").attr("type", "checkbox");
// 在 IE 中有效:
$("<input type='checkbox'>");
根据提供的原始 HTML 标记字符串，动态创建由 jQuery 对象包装的 DOM 元素。同时设置一系列的属性、事件等。
用于动态创建DOM元素的HTML标记字符串
用于附加到新创建元素上的属性、事件和方法
动态创建一个 div 元素（以及其中的所有内容），并将它追加到 body 元素中。在这个函数的内部，是通过临时创建一个元素，并将这个元素的 innerHTML 属性设置为给定的标记字符串，来实现标记到 DOM 元素转换的。所以，这个函数既有灵活性，也有局限性。
", {
"class": "test",
text: "Click me!",
click: function(){
$(this).toggleClass("test");
}
}).appendTo("body");]]>
创建一个 <input> 元素，同时设定 type 属性、属性值，以及一些事件。
", {
type: "text",
val: "Test",
focusin: function() {
$(this).addClass("active");
},
focusout: function() {
$(this).removeClass("active");
}
}).appendTo("form");]]>
将一个或多个DOM元素转化为jQuery对象。
这个函数也可以接收XML文档和Window对象（虽然它们不是DOM元素）作为有效的参数。
用于封装成jQuery对象的DOM元素
设置页面背景色。
$(document.body).css( "background", "black" );
隐藏一个表单中所有元素。
$(myForm.elements).hide()
返回一个空的jQuery对象。
jQuery 1.4中，如果不提供任何参数，则返回一个空jQuery对象。在先前版本中，这会返回一个包含document节点的对象。
$(document).ready()的简写。
允许你绑定一个在DOM文档载入完成后执行的函数。这个函数的作用如同$(document).ready()一样，只不过用这个函数时，需要把页面中所有需要在 DOM 加载完成时执行的$()操作符都包装到其中来。从技术上来说，这个函数是可链接的－－但真正以这种方式链接的情况并不多。
你可以在一个页面中使用任意多个$(document).ready事件。参考 ready(Function) 获取更多 ready 事件的信息。
当DOM加载完成后要执行的函数
当DOM加载完成后，执行其中的函数。
$(function(){
// 文档就绪
});
使用 $(document).ready() 的简写，同时内部的 jQuery 代码依然使用 $ 作为别名，而不管全局的 $ 为何。
jQuery(function($) {
// 你可以在这里继续使用$作为别名...
});
以每一个匹配的元素作为上下文来执行一个函数。
意味着，每次执行传递进来的函数时，函数中的this关键字都指向一个不同的DOM元素（每次都是一个不同的匹配元素）。而且，在每次执行函数时，都会给函数传递一个表示作为执行环境的元素在匹配的元素集合中所处位置的数字值作为参数（从零开始的整型）。 返回 'false' 将停止循环 (就像在普通的循环中使用 'break')。返回 'true' 跳至下一个循环(就像在普通的循环中使用'continue')。
对于每个匹配的元素所要执行的函数
迭代两个图像，并设置它们的 src 属性。注意:此处 this 指代的是 DOM 对象而非 jQuery 对象。
<img/><img/>
$("img").each(function(i){
this.src = "test" + i + ".jpg";
});
[ <img src="test0.jpg" />, <img src="test1.jpg" /> ]
如果你想得到 jQuery对象，可以使用 $(this) 函数。
<button>Change colors</button>
<span></span>
<div></div>
<div></div>
<div></div>
<div></div>
<div id="stop">Stop here</div>
<div></div>
<div></div>
<div></div>
$("img").each(function(){
$(this).toggleClass("example");
});
你可以使用 'return' 来提前跳出 each() 循环。
<button>Change colors</button>
<span></span>
<div></div>
<div></div>
<div></div>
<div></div>
<div id="stop">Stop here</div>
<div></div>
<div></div>
<div></div>
$("button").click(function () {
$("div").each(function (index, domEle) {
// domEle == this
$(domEle).css("backgroundColor", "yellow");
if ($(this).is("#stop")) {
$("span").text("Stopped at div index #" + index);
return false;
}
});
});
jQuery 对象中元素的个数。
这个函数的返回值与 jQuery 对象的'<span title="Core/length">length</span>' 属性一致。
计算文档中所有图片数量
<img src="test1.jpg"/> <img src="test2.jpg"/>
$("img").size();
2
jQuery 对象中元素的个数。
当前匹配的元素个数。 <span title="Core/size">size</span> 将返回相同的值。
计算文档中所有图片数量
<img src="test1.jpg"/> <img src="test2.jpg"/>
$("img").length;
2
jQuery 1.3新增。返回传给jQuery()的原始选择器。
换句话说，就是返回你用什么选择器来找到这个元素的。可以与<span title="Core/context">context</span>一起使用，用于精确检测选择器查询情况。这两个属性对插件开发人员很有用。
确定查询的选择器
$("ul")
.append("<li>" + $("ul").selector + "</li>")
.append("<li>" + $("ul li").selector + "</li>")
.append("<li>" + $("div#foo ul:not([class])").selector + "</li>");
ul
ul li
div#foo ul:not([class])
jQuery 1.3新增。返回传给jQuery()的原始的DOM节点内容，即jQuery()的第二个参数。如果没有指定，那么context指向当前的文档(document)。
可以与<span title="Core/selector">selector</span>一起使用，用于精确检测选择器查询情况。这两个属性对插件开发人员很有用。
检测使用的文档内容
$("ul")
.append("<li>" + $("ul").context + "</li>")
.append("<li>" + $("ul", document.body).context.nodeName + "</li>");
[object HTMLDocument] //如果是IE浏览器，则返回[object]
BODY
取得所有匹配的 DOM 元素集合。
这是取得所有匹配元素的一种向后兼容的方式（不同于jQuery对象，而实际上是元素数组）。
如果你想要直接操作 DOM 对象而不是 jQuery 对象，这个函数非常有用。
选择文档中所有图像作为元素数组，并用数组内建的 reverse 方法将数组反向。
<img src="test1.jpg"/> <img src="test2.jpg"/>
$("img").get().reverse();
[ <img src="test2.jpg"/> <img src="test1.jpg"/> ]
取得其中一个匹配的元素。 num表示取得第几个匹配的元素。
这能够让你选择一个实际的DOM 元素并且对他直接操作，而不是通过 jQuery 函数。$(this).get(0)与$(this)[0]等价。
取得第 index 个位置上的元素
<img src="test1.jpg"/> <img src="test2.jpg"/>
$("img").get(0);
[ <img src="test1.jpg"/> ]
搜索匹配的元素，并返回相应元素的索引值，从0开始计数。
如果不给 .index() 方法传递参数，那么返回值就是这个jQuery对象集合中第一个元素相对于其同辈元素的位置。
如果参数是一组DOM元素或者jQuery对象，那么返回值就是传递的元素相对于原先集合的位置。
如果参数是一个选择器，那么返回值就是原先元素相对于选择器匹配元素中的位置。如果找不到匹配的元素，则返回-1。
具体请参考示例。
要搜索的对象
查找元素的索引值
<ul>
<li id="foo">foo</li>
<li id="bar">bar</li>
<li id="baz">baz</li>
</ul>
$('li').index(document.getElementById('bar')); //1，传递一个DOM对象，返回这个对象在原先集合中的索引位置
$('li').index($('#bar')); //1，传递一个jQuery对象
$('li').index($('li:gt(0)')); //1，传递一组jQuery对象，返回这个对象中第一个元素在原先集合中的索引位置
$('#bar').index('li'); //1，传递一个选择器，返回#bar在所有li中的做引位置
$('#bar').index(); //1，不传递参数，返回这个元素在同辈中的索引位置。
返回元素上储存的相应名字的数据，可以用data(name, value)来设定。
如果jQuery集合指向多个元素，那将只返回第一个元素的对应数据。
这个函数可以用于在一个元素上存取数据而避免了循环引用的风险。jQuery.data是1.2.3版的新功能。你可以在很多地方使用这个函数，另外jQuery UI里经常使用这个函数。
如果不带任何参数，则会把所有数据作为一个JavaScript对象来返回。
存储的数据名
在一个div上存取数据
<div></div>
$("div").data("blah"); // undefined
$("div").data("blah", "hello"); // blah设置为hello
$("div").data("blah"); // hello
$("div").data("blah", 86); // 设置为86
$("div").data("blah"); // 86
$("div").removeData("blah"); //移除blah
$("div").data("blah"); // undefined
在一个div上存取名/值对数据
<div></div>
$("div").data("test", { first: 16, last: "pizza!" });
$("div").data("test").first //16;
$("div").data("test").last //pizza!;
在元素上存放数据,返回jQuery对象。
如果jQuery集合指向多个元素，那将在所有元素上设置对应数据。
这个函数不用建立一个新的expando，就能在一个元素上存放任何格式的数据，而不仅仅是字符串。
存储的数据名
将要存储的任意数据
参考data(name)的示例
在元素上存放一组数据，返回jQuery对象。
注意，如果使用这个方法之后，原先存放的所有数据都会被重写！因为这些数据，包括事件处理函数，都是绑定在元素上的。所以以一个obj作为参数使用 .data()方法时，请务必小心！
一个用于设置数据的键/值对
参考data(name)的示例
在元素上移除存放的数据
与$(...).data(name, value)函数作用相反
存储的数据名
参考data(name)的示例
在元素上存放数据,返回jQuery对象。
注意：这是一个底层方法。你应当使用.data()来代替。
要关联数据的DOM对象
存储的数据名
将要存储的任意数据
jQuery.data(document.body, 'foo', 52);
jQuery.data(document.body, 'bar', 'test');
查询在元素上存放的数据
如果不指定参数，则会返回元素上面存放的所有数据，以Object的形式返回。
注意：这是一个底层方法。你应当使用.data()来代替。
要查询数据的DOM对象
存储的数据名
alert(jQuery.data( document.body, 'foo' );
alert(jQuery.data( document.body ));
返回指向第一个匹配元素的队列(将是一个函数数组)
队列名，默认为fx
显示队列长度
<style>
div { margin:3px; width:40px; height:40px;
position:absolute; left:0px; top:30px;
background:green; display:none; }
div.newcolor { background:blue; }
span { color:red; }
</style>
<button id="show">Show Length of Queue</button>
<span></span>
<div></div>
$("#show").click(function () {
var n = $("div").queue("fx");
$("span").text("Queue length is: " + n.length);
});
function runIt() {
$("div").show("slow");
$("div").animate({left:'+=200'},2000);
$("div").slideToggle(1000);
$("div").slideToggle("fast");
$("div").animate({left:'-=200'},1500);
$("div").hide("slow");
$("div").show(1200);
$("div").slideUp("normal", runIt);
}
runIt();
在匹配的元素的队列最后添加一个函数
队列名，默认为fx
要添加进队列的函数
插入一个自定义函数
如果函数执行后要继续队列，则执行 jQuery(this).dequeue();
<style>
div { margin:3px; width:40px; height:40px;
position:absolute; left:0px; top:30px;
background:green; display:none; }
div.newcolor { background:blue; }
</style>
Click here...
<div></div>
$(document.body).click(function () {
$("div").show("slow");
$("div").animate({left:'+=200'},2000);
$("div").queue(function () {
$(this).addClass("newcolor");
$(this).dequeue();
});
$("div").animate({left:'-=200'},500);
$("div").queue(function () {
$(this).removeClass("newcolor");
$(this).dequeue();
});
$("div").slideUp();
});
将匹配元素的队列用新的一个队列来代替(函数数组).
队列名，默认为fx
用于替换的队列。所有函数都有同一个参数，这个值与queue(callback)相同
通过设定队列数组来删除动画队列
<style>
div { margin:3px; width:40px; height:40px;
position:absolute; left:0px; top:30px;
background:green; display:none; }
div.newcolor { background:blue; }
</style>
<button id="start">Start</button>
<button id="stop">Stop</button>
<div></div>
$("#start").click(function () {
$("div").show("slow");
$("div").animate({left:'+=200'},5000);
$("div").queue(function () {
$(this).addClass("newcolor");
$(this).dequeue();
});
$("div").animate({left:'-=200'},1500);
$("div").queue(function () {
$(this).removeClass("newcolor");
$(this).dequeue();
});
$("div").slideUp();
});
$("#stop").click(function () {
$("div").queue("fx", []);
$("div").stop();
});
从队列最前端移除一个队列函数，并执行他。
队列名，默认为fx
用dequeue来结束自定义队列函数，并让队列继续进行下去。
<style>
div { margin:3px; width:50px; position:absolute;
height:50px; left:10px; top:30px;
background-color:yellow; }
div.red { background-color:red; }
</style>
<button>Start</button>
<div></div>
$("button").click(function () {
$("div").animate({left:'+=200px'}, 2000);
$("div").animate({top:'0px'}, 600);
$("div").queue(function () {
$(this).toggleClass("red");
$(this).dequeue();
});
$("div").animate({left:'10px', top:'30px'}, 700);
});
jQuery 1.4 新增。清空对象上尚未执行的所有队列
如果不带参数，则默认清空的是动画队列。这跟stop(true)类似，但stop()只能清空动画队列，而这个可以清空所有通过 .queue() 创建的队列。
含有队列名的字符串。默认是"Fx"，动画队列。
扩展 jQuery 元素集来提供新的方法（通常用来制作插件）。
查看这里<a href="http://docs.jquery.com/Plugins/Authoring" title="Plugins/Authoring">Plugins/Authoring</a>可以获取更多信息。
用来扩充 jQuery 对象。
增加两个插件方法。
jQuery.fn.extend({
check: function() {
return this.each(function() { this.checked = true; });
},
uncheck: function() {
return this.each(function() { this.checked = false; });
}
});
$("input[type=checkbox]").check();
$("input[type=radio]").uncheck();
扩展jQuery对象本身。
用来在jQuery命名空间上增加新函数。 查看 <span title="Core/jQuery.fn.extend">'jQuery.fn.extend'</span> 获取更多添加<a href="http://docs.jquery.com/Plugins/Authoring" title="Plugins/Authoring">插件</a>的信息。
用以扩展 jQuery 对象
在jQuery命名空间上增加两个函数。
jQuery.extend({
min: function(a, b) { return a < b ? a : b; },
max: function(a, b) { return a > b ? a : b; }
});
jQuery.min(2,3); // => 2
jQuery.max(4,5); // => 5
运行这个函数将变量$的控制权让渡给第一个实现它的那个库。
这有助于确保jQuery不会与其他库的$对象发生冲突。
在运行这个函数后，就只能使用jQuery变量访问jQuery对象。例如，在要用到$("div p")的地方，就必须换成jQuery("div p")。
'''注意:'''这个函数必须在你导入jQuery文件之后，并且在导入另一个导致冲突的库'''之前'''使用。当然也应当在其他冲突的库被使用之前，除非jQuery是最后一个导入的。
将$引用的对象映射回原始的对象。
jQuery.noConflict();
// 使用 jQuery
jQuery("div p").hide();
// 使用其他库的 $()
$("content").style.display = 'none';
恢复使用别名$，然后创建并执行一个函数，在这个函数的作用域中仍然将$作为jQuery的别名来使用。在这个函数中，原来的$对象是无效的。这个函数对于大多数不依赖于其他库的插件都十分有效。
jQuery.noConflict();
(function($) {
$(function() {
// 使用 $ 作为 jQuery 别名的代码
});
})(jQuery);
// 其他用 $ 作为别名的库的代码
创建一个新的别名用以在接下来的库中使用jQuery对象。
var j = jQuery.noConflict();
// 基于 jQuery 的代码
j("div p").hide();
// 基于其他库的 $() 代码
$("content").style.display = 'none';
将$和jQuery的控制权都交还给原来的库。用之前请考虑清楚!
这是相对于简单的 '''noConflict''' 方法更极端的版本，因为这将完全重新定义jQuery。这通常用于一种极端的情况，比如你想要将jQuery嵌入一个高度冲突的环境。'''注意:'''调用此方法后极有可能导致插件失效。
传入 true 来允许彻底将jQuery变量还原
完全将 jQuery 移到一个新的命名空间。
var dom = {};
dom.query = jQuery.noConflict(true);
// 新 jQuery 的代码
dom.query("div p").hide();
// 另一个库 $() 的代码
$("content").style.display = 'none';
// 另一个版本 jQuery 的代码
jQuery("div > p").hide();
#id
根据给定的ID匹配一个元素。
如果选择器中包含特殊字符，可以用两个斜杠转义。参见示例。
用于搜索的，通过元素的 id 属性中给定的值
查找 ID 为"myDiv"的元素。
<div id="notMe"><p>id="notMe"</p></div>
<div id="myDiv">id="myDiv"</div>
$("#myDiv");
[ <div id="myDiv">id="myDiv"</div> ]
查找含有特殊字符的元素
<span id="foo:bar"></span>
<span id="foo[bar]"></span>
<span id="foo.bar"></span>
#foo\\:bar
#foo\\[bar\\]
#foo\\.bar
element
根据给定的元素名匹配所有元素
一个用于搜索的元素。指向 DOM 节点的标签名。
查找一个 DIV 元素。
<div>DIV1</div>
<div>DIV2</div>
<span>SPAN</span>
$("div");
[ <div>DIV1</div>, <div>DIV2</div> ]
.class
根据给定的类匹配元素。
一个用以搜索的类。一个元素可以有多个类，只要有一个符合就能被匹配到。
查找所有类是 "myClass" 的元素.
<div class="notMe">div class="notMe"</div>
<div class="myClass">div class="myClass"</div>
<span class="myClass">span class="myClass"</span>
$(".myClass");
[ <div class="myClass">div class="myClass"</div>, <span class="myClass">span class="myClass"</span> ]
*
匹配所有元素
多用于结合上下文来搜索。
找到每一个元素
<div>DIV</div>
<span>SPAN</span>
<p>P</p>
$("*")
[ <div>DIV</div>, <span>SPAN</span>, <p>P</p> ]
selector1,selector2,selectorN
将每一个选择器匹配到的元素合并后一起返回。
你可以指定任意多个选择器，并将匹配到的元素合并到一个结果内。
一个有效的选择器
另一个有效的选择器
任意多个有效选择器
找到匹配任意一个类的元素。
<div>div</div>
<p class="myClass">p class="myClass"</p>
<span>span</span>
<p class="notMyClass">p class="notMyClass"</p>
$("div,span,p.myClass")
[ <div>div</div>, <p class="myClass">p class="myClass"</p>, <span>span</span> ]
ancestor descendant
在给定的祖先元素下匹配所有的后代元素
任何有效选择器
用以匹配元素的选择器，并且它是第一个选择器的后代元素
找到表单中所有的 input 元素
<form>
<label>Name:</label>
<input name="name" />
<fieldset>
<label>Newsletter:</label>
<input name="newsletter" />
</fieldset>
</form>
<input name="none" />
$("form input")
[ <input name="name" />, <input name="newsletter" /> ]
parent > child
在给定的父元素下匹配所有的子元素
任何有效选择器
用以匹配元素的选择器，并且它是第一个选择器的子元素
匹配表单中所有的子级input元素。
<form>
<label>Name:</label>
<input name="name" />
<fieldset>
<label>Newsletter:</label>
<input name="newsletter" />
</fieldset>
</form>
<input name="none" />
$("form > input")
[ <input name="name" /> ]
prev + next
匹配所有紧接在 prev 元素后的 next 元素
任何有效选择器
一个有效选择器并且紧接着第一个选择器
匹配所有跟在 label 后面的 input 元素
<form>
<label>Name:</label>
<input name="name" />
<fieldset>
<label>Newsletter:</label>
<input name="newsletter" />
</fieldset>
</form>
<input name="none" />
$("label + input")
[ <input name="name" />, <input name="newsletter" /> ]
prev ~ siblings
匹配 prev 元素之后的所有 siblings 元素
任何有效选择器
一个选择器，并且它作为第一个选择器的同辈
找到所有与表单同辈的 input 元素
<form>
<label>Name:</label>
<input name="name" />
<fieldset>
<label>Newsletter:</label>
<input name="newsletter" />
</fieldset>
</form>
<input name="none" />
$("form ~ input")
[ <input name="none" /> ]
:first
匹配找到的第一个元素
查找表格的第一行
<table>
<tr><td>Header 1</td></tr>
<tr><td>Value 1</td></tr>
<tr><td>Value 2</td></tr>
</table>
$("tr:first")
[ <tr><td>Header 1</td></tr> ]
:last
匹配找到的最后一个元素
查找表格的最后一行
<table>
<tr><td>Header 1</td></tr>
<tr><td>Value 1</td></tr>
<tr><td>Value 2</td></tr>
</table>
$("tr:last")
[ <tr><td>Value 2</td></tr> ]
:not
去除所有与给定选择器匹配的元素
在jQuery 1.3中，已经支持复杂选择器了（例如:not(div a) 和 :not(div,a)）
用于筛选的选择器
查找所有未选中的 input 元素
<input name="apple" />
<input name="flower" checked="checked" />
$("input:not(:checked)")
[ <input name="apple" /> ]
:even
匹配所有索引值为偶数的元素，从 0 开始计数
查找表格的1、3、5...行（即索引值0、2、4...）
<table>
<tr><td>Header 1</td></tr>
<tr><td>Value 1</td></tr>
<tr><td>Value 2</td></tr>
</table>
$("tr:even")
[ <tr><td>Header 1</td></tr>, <tr><td>Value 2</td></tr> ]
:odd
匹配所有索引值为奇数的元素，从 0 开始计数
查找表格的2、4、6行（即索引值1、3、5...）
<table>
<tr><td>Header 1</td></tr>
<tr><td>Value 1</td></tr>
<tr><td>Value 2</td></tr>
</table>
$("tr:odd")
[ <tr><td>Value 1</td></tr> ]
:eq
匹配一个给定索引值的元素
从 0 开始计数
查找第二行
<table>
<tr><td>Header 1</td></tr>
<tr><td>Value 1</td></tr>
<tr><td>Value 2</td></tr>
</table>
$("tr:eq(1)")
[ <tr><td>Value 1</td></tr> ]
:gt
匹配所有大于给定索引值的元素
从 0 开始计数
查找第二第三行，即索引值是1和2，也就是比0大
<table>
<tr><td>Header 1</td></tr>
<tr><td>Value 1</td></tr>
<tr><td>Value 2</td></tr>
</table>
$("tr:gt(0)")
[ <tr><td>Value 1</td></tr>, <tr><td>Value 2</td></tr> ]
:lt
匹配所有小于给定索引值的元素
从 0 开始计数
查找第一第二行，即索引值是0和1，也就是比2小
<table>
<tr><td>Header 1</td></tr>
<tr><td>Value 1</td></tr>
<tr><td>Value 2</td></tr>
</table>
$("tr:lt(2)")
[ <tr><td>Header 1</td></tr>, <tr><td>Value 1</td></tr> ]
:header
匹配如 h1, h2, h3之类的标题元素
给页面内所有标题加上背景色
<h1>Header 1</h1>
<p>Contents 1</p>
<h2>Header 2</h2>
<p>Contents 2</p>
$(":header").css("background", "#EEE");
[ <h1 style="background:#EEE;">Header 1</h1>, <h2 style="background:#EEE;">Header 2</h2> ]
:animated
匹配所有正在执行动画效果的元素
只有对不在执行动画效果的元素执行一个动画特效
<button id="run">Run</button><div></div>
$("#run").click(function(){
$("div:not(:animated)").animate({ left: "+=20" }, 1000);
});
:contains
匹配包含给定文本的元素
一个用以查找的字符串
查找所有包含 "John" 的 div 元素
<div>John Resig</div>
<div>George Martin</div>
<div>Malcom John Sinclair</div>
<div>J. Ohn
$("div:contains('John')")
[ <div>John Resig</div>, <div>Malcom John Sinclair</div> ]
:empty
匹配所有不包含子元素或者文本的空元素
查找所有不包含子元素或者文本的空元素
<table>
<tr><td>Value 1</td><td></td></tr>
<tr><td>Value 2</td><td></td></tr>
</table>
$("td:empty")
[ <td></td>, <td></td> ]
:has
匹配含有选择器所匹配的元素的元素
一个用于筛选的选择器
给所有包含 p 元素的 div 元素添加一个 text 类
<div><p>Hello</p></div>
<div>Hello again!</div>
$("div:has(p)").addClass("test");
[ <div class="test"><p>Hello</p></div> ]
:parent
匹配含有子元素或者文本的元素
查找所有含有子元素或者文本的 td 元素
<table>
<tr><td>Value 1</td><td></td></tr>
<tr><td>Value 2</td><td></td></tr>
</table>
$("td:parent")
[ <td>Value 1</td>, <td>Value 2</td> ]
:hidden
匹配所有的不可见元素，input 元素的 type 属性为 "hidden" 的话也会被匹配到
查找所有不可见的 tr 元素
<table>
<tr style="display:none"><td>Value 1</td></tr>
<tr><td>Value 2</td></tr>
</table>
$("tr:hidden")
[ <tr style="display:none"><td>Value 1</td></tr> ]
:visible
匹配所有的可见元素
查找所有可见的 tr 元素
<table>
<tr style="display:none"><td>Value 1</td></tr>
<tr><td>Value 2</td></tr>
</table>
$("tr:visible")
[ <tr><td>Value 2</td></tr> ]
[attribute]
匹配包含给定属性的元素。注意，在jQuery 1.3中，前导的@符号已经被废除！如果想要兼容最新版本，只需要简单去掉@符号即可。
属性名
查找所有含有 id 属性的 div 元素
<div>
<p>Hello!</p>
</div>
<div id="test2"></div>
$("div[id]")
[ <div id="test2"></div> ]
[attribute=value]
匹配给定的属性是某个特定值的元素
属性名
属性值。引号在大多数情况下是可选的。但在遇到诸如属性值包含"]"时，用以避免冲突。
查找所有 name 属性是 newsletter 的 input 元素
<input type="checkbox" name="newsletter" value="Hot Fuzz" />
<input type="checkbox" name="newsletter" value="Cold Fusion" />
<input type="checkbox" name="accept" value="Evil Plans" />
$("input[name='newsletter']").attr("checked", true);
[ <input type="checkbox" name="newsletter" value="Hot Fuzz" checked="true" />, <input type="checkbox" name="newsletter" value="Cold Fusion" checked="true" /> ]
[attribute!=value]
匹配所有不含有指定的属性，或者属性不等于特定值的元素。
此选择器等价于:not([attr=value])<br>要匹配含有特定属性但不等于特定值的元素，请使用[attr]:not([attr=value])
属性名
属性值。引号在大多数情况下是可选的。但在遇到诸如属性值包含"]"时，用以避免冲突。
查找所有 name 属性不是 newsletter 的 input 元素
<input type="checkbox" name="newsletter" value="Hot Fuzz" />
<input type="checkbox" name="newsletter" value="Cold Fusion" />
<input type="checkbox" name="accept" value="Evil Plans" />
$("input[name!='newsletter']").attr("checked", true);
[ <input type="checkbox" name="accept" value="Evil Plans" checked="true" /> ]
[attribute^=value]
匹配给定的属性是以某些值开始的元素
属性名
属性值。引号在大多数情况下是可选的。但在遇到诸如属性值包含"]"时，用以避免冲突。
查找所有 name 以 'news' 开始的 input 元素
<input name="newsletter" />
<input name="milkman" />
<input name="newsboy" />
$("input[name^='news']")
[ <input name="newsletter" />, <input name="newsboy" /> ]
[attribute$=value]
匹配给定的属性是以某些值结尾的元素
属性名
属性值。引号在大多数情况下是可选的。但在遇到诸如属性值包含"]"时，用以避免冲突。
查找所有 name 以 'letter' 结尾的 input 元素
<input name="newsletter" />
<input name="milkman" />
<input name="jobletter" />
$("input[name$='letter']")
[ <input name="newsletter" />, <input name="jobletter" /> ]
[attribute*=value]
匹配给定的属性是以包含某些值的元素
属性名
属性值。引号在大多数情况下是可选的。但在遇到诸如属性值包含"]"时，用以避免冲突。
查找所有 name 包含 'man' 的 input 元素
<input name="man-news" />
<input name="milkman" />
<input name="letterman2" />
<input name="newmilk" />
$("input[name*='man']")
[ <input name="man-news" />, <input name="milkman" />, <input name="letterman2" /> ]
[selector1][selector2][selectorN]
复合属性选择器，需要同时满足多个条件时使用。
属性选择器
另一个属性选择器，用以进一步缩小范围
任意多个属性选择器
找到所有含有 id 属性，并且它的 name 属性是以 man 结尾的
<input id="man-news" name="man-news" />
<input name="milkman" />
<input id="letterman" name="new-letterman" />
<input name="newmilk" />
$("input[id][name$='man']")
[ <input id="letterman" name="new-letterman" /> ]
:nth-child
匹配其父元素下的第N个子或奇偶元素
':eq(index)' 只匹配一个元素，而这个将为每一个父元素匹配子元素。:nth-child从1开始的，而:eq()是从0算起的！可以使用:<br>nth-child(even)<br>:nth-child(odd)<br>:nth-child(3n)<br>:nth-child(2)<br>:nth-child(3n+1)<br>:nth-child(3n+2)
要匹配元素的序号，从1开始
在每个 ul 查找第 2 个li
<ul>
<li>John</li>
<li>Karl</li>
<li>Brandon</li>
</ul>
<ul>
<li>Glen</li>
<li>Tane</li>
<li>Ralph</li>
</ul>
$("ul li:nth-child(2)")
[ <li>Karl</li>, <li>Tane</li> ]
:first-child
匹配第一个子元素
':first' 只匹配一个元素，而此选择符将为每个父元素匹配一个子元素
在每个 ul 中查找第一个 li
<ul>
<li>John</li>
<li>Karl</li>
<li>Brandon</li>
</ul>
<ul>
<li>Glen</li>
<li>Tane</li>
<li>Ralph</li>
</ul>
$("ul li:first-child")
[ <li>John</li>, <li>Glen</li> ]
:last-child
匹配最后一个子元素
':last'只匹配一个元素，而此选择符将为每个父元素匹配一个子元素
在每个 ul 中查找最后一个 li
<ul>
<li>John</li>
<li>Karl</li>
<li>Brandon</li>
</ul>
<ul>
<li>Glen</li>
<li>Tane</li>
<li>Ralph</li>
</ul>
$("ul li:last-child")
[ <li>Brandon</li>, <li>Ralph</li> ]
:only-child
如果某个元素是父元素中唯一的子元素，那将会被匹配
如果父元素中含有其他元素，那将不会被匹配。
在 ul 中查找是唯一子元素的 li
<ul>
<li>John</li>
<li>Karl</li>
<li>Brandon</li>
</ul>
<ul>
<li>Glen</li>
</ul>
$("ul li:only-child")
[ <li>Glen</li> ]
:input
匹配所有 input, textarea, select 和 button 元素
查找所有的input元素，下面这些元素都会被匹配到。
<form>
<input type="button" value="Input Button"/>
<input type="checkbox" />
<input type="file" />
<input type="hidden" />
<input type="image" />
<input type="password" />
<input type="radio" />
<input type="reset" />
<input type="submit" />
<input type="text" />
<select><option>Option</option></select>
<textarea></textarea>
<button>Button</button>
</form>
$(":input")
[
<input type="button" value="Input Button"/>,
<input type="checkbox" />,
<input type="file" />,
<input type="hidden" />,
<input type="image" />,
<input type="password" />,
<input type="radio" />,
<input type="reset" />,
<input type="submit" />,
<input type="text" />,
<select><option>Option</option></select>,
<textarea></textarea>,
<button>Button</button>,
]
:text
匹配所有的单行文本框
查找所有文本框
<form>
<input type="text" />
<input type="checkbox" />
<input type="radio" />
<input type="image" />
<input type="file" />
<input type="submit" />
<input type="reset" />
<input type="password" />
<input type="button" />
<select><option/></select>
<textarea></textarea>
<button></button>
</form>
$(":text")
[ <input type="text" /> ]
:password
匹配所有密码框
查找所有密码框
<form>
<input type="text" />
<input type="checkbox" />
<input type="radio" />
<input type="image" />
<input type="file" />
<input type="submit" />
<input type="reset" />
<input type="password" />
<input type="button" />
<select><option/></select>
<textarea></textarea>
<button></button>
</form>
$(":password")
[ <input type="password" /> ]
:radio
匹配所有单选按钮
查找所有单选按钮
<form>
<input type="text" />
<input type="checkbox" />
<input type="radio" />
<input type="image" />
<input type="file" />
<input type="submit" />
<input type="reset" />
<input type="password" />
<input type="button" />
<select><option/></select>
<textarea></textarea>
<button></button>
</form>
$(":radio")
[ <input type="radio" /> ]
:checkbox
匹配所有复选框
查找所有复选框
<form>
<input type="text" />
<input type="checkbox" />
<input type="radio" />
<input type="image" />
<input type="file" />
<input type="submit" />
<input type="reset" />
<input type="password" />
<input type="button" />
<select><option/></select>
<textarea></textarea>
<button></button>
</form>
$(":checkbox")
[ <input type="checkbox" /> ]
:submit
匹配所有提交按钮
查找所有提交按钮
<form>
<input type="text" />
<input type="checkbox" />
<input type="radio" />
<input type="image" />
<input type="file" />
<input type="submit" />
<input type="reset" />
<input type="password" />
<input type="button" />
<select><option/></select>
<textarea></textarea>
<button></button>
</form>
$(":submit")
[ <input type="submit" /> ]
:image
匹配所有图像域
匹配所有图像域
<form>
<input type="text" />
<input type="checkbox" />
<input type="radio" />
<input type="image" />
<input type="file" />
<input type="submit" />
<input type="reset" />
<input type="password" />
<input type="button" />
<select><option/></select>
<textarea></textarea>
<button></button>
</form>
$(":image")
[ <input type="image" /> ]
:reset
匹配所有重置按钮
查找所有重置按钮
<form>
<input type="text" />
<input type="checkbox" />
<input type="radio" />
<input type="image" />
<input type="file" />
<input type="submit" />
<input type="reset" />
<input type="password" />
<input type="button" />
<select><option/></select>
<textarea></textarea>
<button></button>
</form>
$(":reset")
[ <input type="reset" /> ]
:button
匹配所有按钮
查找所有按钮.
<form>
<input type="text" />
<input type="checkbox" />
<input type="radio" />
<input type="image" />
<input type="file" />
<input type="submit" />
<input type="reset" />
<input type="password" />
<input type="button" />
<select><option/></select>
<textarea></textarea>
<button></button>
</form>
$(":button")
[ <input type="button" />,<button></button> ]
:file
匹配所有文件域
查找所有文件域
<form>
<input type="text" />
<input type="checkbox" />
<input type="radio" />
<input type="image" />
<input type="file" />
<input type="submit" />
<input type="reset" />
<input type="password" />
<input type="button" />
<select><option/></select>
<textarea></textarea>
<button></button>
</form>
$(":file")
[ <input type="file" /> ]
:hidden
匹配所有不可见元素，或者type为hidden的元素
查找隐藏的 tr
<table>
<tr style="display:none"><td>Value 1</td></tr>
<tr><td>Value 2</td></tr>
</table>
$("tr:hidden")
[ <tr style="display:none"><td>Value 1</td></tr> ]
匹配type为hidden的元素
<form>
<input type="text" name="email" />
<input type="hidden" name="id" />
</form>
$("input:hidden")
[ <input type="hidden" name="id" /> ]
:enabled
匹配所有可用元素
查找所有可用的input元素
<form>
<input name="email" disabled="disabled" />
<input name="id" />
</form>
$("input:enabled")
[ <input name="id" /> ]
:disabled
匹配所有不可用元素
查找所有不可用的input元素
<form>
<input name="email" disabled="disabled" />
<input name="id" />
</form>
$("input:disabled")
[ <input name="email" disabled="disabled" /> ]
:checked
匹配所有选中的被选中元素(复选框、单选框等，不包括select中的option)
查找所有选中的复选框元素
<form>
<input type="checkbox" name="newsletter" checked="checked" value="Daily" />
<input type="checkbox" name="newsletter" value="Weekly" />
<input type="checkbox" name="newsletter" checked="checked" value="Monthly" />
</form>
$("input:checked")
[ <input type="checkbox" name="newsletter" checked="checked" value="Daily" />, <input type="checkbox" name="newsletter" checked="checked" value="Monthly" /> ]
:selected
匹配所有选中的option元素
查找所有选中的选项元素
<select>
<option value="1">Flowers</option>
<option value="2" selected="selected">Gardens</option>
<option value="3">Trees</option>
</select>
$("select option:selected")
[ <option value="2" selected="selected">Gardens</option> ]
取得第一个匹配元素的属性值。通过这个方法可以方便地从第一个匹配元素中获取一个属性的值。如果元素没有相应属性，则返回 undefined 。
属性名称
返回文档中第一个图像的src属性值。
<img src="test.jpg"/>
$("img").attr("src");
test.jpg
将一个“名/值”形式的对象设置为所有匹配元素的属性。
这是一种在所有匹配元素中批量设置很多属性的最佳方式。 注意，如果你要设置对象的class属性，你必须使用'className' 作为属性名。或者你可以直接使用.addClass( class ) 和 .removeClass( class ).
作为属性的“名/值对”对象
为所有图像设置src和alt属性。
<img/>
$("img").attr({ src: "test.jpg", alt: "Test Image" });
[ <img src= "test.jpg" alt:="Test Image" /> ]
为所有匹配的元素设置一个属性值。
属性名称
属性值
为所有图像设置src属性。
<img/>
<img/>
$("img").attr("src","test.jpg");
[ <img src= "test.jpg" /> , <img src= "test.jpg" /> ]
为所有匹配的元素设置一个计算的属性值。
不提供值，而是提供一个函数，由这个函数计算的值作为属性值。
属性名称
返回属性值的函数 ，第一个参数为当前元素的索引值，第二个参数为原先的属性值。
把src属性的值设置为title属性的值。
<img src="test.jpg"/>
$("img").attr("title", function() { return this.src });
<img src="test.jpg" title="test.jpg" />
从每一个匹配的元素中删除一个属性
要删除的属性名
将文档中图像的src属性删除
<img src="test.jpg"/>
$("img").removeAttr("src");
[ <img /> ]
为每个匹配的元素添加指定的类名。
一个或多个要添加到元素中的CSS类名，请用空格分开
为匹配的元素加上 'selected' 类
<p>Hello</p>
$("p").addClass("selected");
[ <p class="selected">Hello</p> ]
为匹配的元素加上 selected highlight 类
<p>Hello</p>
$("p").addClass("selected highlight");
[ <p class="selected highlight">Hello</p> ]
为每个匹配的元素添加指定的类名。
此函数必须返回一个或多个空格分隔的class名。接受两个参数，index参数为对象在这个集合中的索引值，class参数为这个对象原先的class属性值。
给li加上不同的class
<ul><li>Hello</li><li>Hello</li><li>Hello</li></ul>
$('ul li:last').addClass(function() {
return 'item-' + $(this).index();
});
从所有匹配的元素中删除全部或者指定的类。
一个或多个要删除的CSS类名，请用空格分开
从匹配的元素中删除 'selected' 类
<p class="selected first">Hello</p>
$("p").removeClass("selected");
[ <p class="first">Hello</p> ]
删除匹配元素的所有类
<p class="selected first">Hello</p>
$("p").removeClass();
[ <p>Hello</p> ]
从所有匹配的元素中删除全部或者指定的类。
此函数必须返回一个或多个空格分隔的class名。接受两个参数，index参数为对象在这个集合中的索引值，class参数为这个对象原先的class属性值。
删除最后一个元素上与前面重复的class
$('li:last').removeClass(function() {
return $(this).prev().attr('class');
});
如果存在（不存在）就删除（添加）一个类。
CSS类名
为匹配的元素切换 'selected' 类
<p>Hello</p><p class="selected">Hello Again</p>
$("p").toggleClass("selected");
[ <p class="selected">Hello</p>, <p>Hello Again</p> ]
如果开关switch参数为true则加上对应的class，否则就删除。
要切换的CSS类名
用于决定元素是否包含class的布尔值。
每点击三下加上一次 'highlight' 类
<strong>jQuery 代码:</strong>
var count = 0;
$("p").click(function(){
$(this).toggleClass("highlight", count++ % 3 == 0);
});
如果开关switch参数为true则加上对应的class，否则就删除。
返回class名的一个函数，接受两个参数，index为元素在集合中的索引位置，class为原先元素的class值。
用于决定元素是否包含class的布尔值。
根据父元素来设置class属性
$('div.foo').toggleClass(function() {
if ($(this).parent().is('.bar') {
return 'happy';
} else {
return 'sad';
}
});
取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。
设置每一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。
用于设定HTML内容的值
设置每一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。
此函数返回一个HTML字符串。接受两个参数，index为元素在集合中的索引位置，html为原先的HTML值。
取得所有匹配元素的内容。
结果是由所有匹配元素包含的文本内容组合起来的文本。这个方法对HTML和XML文档都有效。
设置所有匹配元素的文本内容
与 html() 类似, 但将编码 HTML (将 "<" 和 ">" 替换成相应的HTML实体).
用于设置元素内容的文本
设置所有匹配元素的文本内容
与 html() 类似, 但将编码 HTML (将 "<" 和 ">" 替换成相应的HTML实体).
此函数返回一个字符串。接受两个参数，index为元素在集合中的索引位置，text为原先的text值。
获得第一个匹配元素的当前值。
在 jQuery 1.2 中,可以返回任意元素的值了。包括select。如果多选，将返回一个数组，其包含所选的值。
获得单个select的值和多选select的值。
<p></p><br/>
<select id="single">
<option>Single</option>
<option>Single2</option>
</select>
<select id="multiple" multiple="multiple">
<option selected="selected">Multiple</option>
<option>Multiple2</option>
<option selected="selected">Multiple3</option>
</select>
$("p").append(
"<b>Single:</b> " + $("#single").val() +
" <b>Multiple:</b> " + $("#multiple").val().join(", ")
);
[ <p><b>Single:</b>Single<b>Multiple:</b>Multiple, Multiple3</p>]
获取文本框中的值
<input type="text" value="some text"/>
$("input").val();
some text
设置每一个匹配元素的值。
在 jQuery 1.2, 这也可以为select元件赋值
要设置的值。
设定文本框的值
<input type="text"/>
$("input").val("hello world!");
check,select,radio等都能使用为之赋值
用于 check/select 的值
设定一个select和一个多选的select的值
<select id="single">
<option>Single</option>
<option>Single2</option>
</select>
<select id="multiple" multiple="multiple">
<option selected="selected">Multiple</option>
<option>Multiple2</option>
<option selected="selected">Multiple3</option>
</select><br/>
<input type="checkbox" value="check1"/> check1
<input type="checkbox" value="check2"/> check2
<input type="radio" value="radio1"/> radio1
<input type="radio" value="radio2"/> radio2
$("#single").val("Single2");
$("#multiple").val(["Multiple2", "Multiple3"]);
$("input").val(["check2", "radio1"]);
设置每一个匹配元素的值。
在 jQuery 1.2, 这也可以为select元件赋值
此函数返回一个要设置的值。接受两个参数，index为元素在集合中的索引位置，text为原先的text值。
设定文本框的值
<input type="text" class="items"/>
$('input:text.items').val(function() {
return this.value + ' ' + this.className;
});
获取第N个元素
这个元素的位置是从0算起。
元素在jQuery对象中的索引
从jQuery 1.4 起，这个值也支持负数，比如 -2 就是获取倒数第二个元素。
获取匹配的第二个元素
<p> This is just a test.</p> <p> So is this</p>
$("p").eq(1)
[ <p> So is this</p> ]
获取第一个元素
获取匹配的第一个元素
<ul>
<li>list item 1</li>
<li>list item 2</li>
<li>list item 3</li>
<li>list item 4</li>
<li>list item 5</li>
</ul>
$('li').first()
[ <li>list item 1</li> ]
获取最后个元素
获取匹配的最后个元素
<ul>
<li>list item 1</li>
<li>list item 2</li>
<li>list item 3</li>
<li>list item 4</li>
<li>list item 5</li>
</ul>
$('li').last()
[ <li>list item 5</li> ]
检查当前的元素是否含有某个特定的类，如果有，则返回true。
这其实就是 is("." + class)。
用于匹配的类名
给包含有某个类的元素进行一个动画。
<div class="protected"></div><div></div>
$("div").click(function(){
if ( $(this).hasClass("protected") )
$(this)
.animate({ left: -10 })
.animate({ left: 10 })
.animate({ left: -10 })
.animate({ left: 10 })
.animate({ left: 0 });
});
筛选出与指定表达式匹配的元素集合。
这个方法用于缩小匹配的范围。用逗号分隔多个表达式
表达式
保留带有select类的元素
<p>Hello</p><p>Hello Again</p><p class="selected">And Again</p>
$("p").filter(".selected")
[ <p class="selected">And Again</p> ]
保留第一个以及带有select类的元素
<p>Hello</p><p>Hello Again</p><p class="selected">And Again</p>
$("p").filter(".selected, :first")
[ <p>Hello</p>, <p class="selected">And Again</p> ]
筛选出与指定函数返回值匹配的元素集合
这个函数内部将对每个对象计算一次 (正如 '$.each'). 如果调用的函数返回false则这个元素被删除，否则就会保留。
传递进filter的函数
保留子元素中不含有ol的元素。
<p><ol><li>Hello</li></ol></p><p>How are you?</p>
$("p").filter(function(index) {
return $("ol", this).length == 0;
});
[ <p>How are you?</p> ]
用一个表达式来检查当前选择的元素集合，如果其中至少有一个元素符合这个给定的表达式就返回true。
如果没有元素符合，或者表达式无效，都返回'false'。
'''注意：'''在jQuery 1.3中才对所有表达式提供了支持。在先前版本中，如果提供了复杂的表达式，比如层级选择器（比如 + , ~ 和 > ），始终会返回true
用于筛选的表达式
由于input元素的父元素是一个表单元素，所以返回true。
<form><input type="checkbox" /></form>
$("input[type='checkbox']").parent().is("form")
true
将一组元素转换成其他数组（不论是否是元素数组）
你可以用这个函数来建立一个列表，不论是值、属性还是CSS样式，或者其他特别形式。这都可以用'$.map()'来方便的建立。
给每个元素执行的函数
把form中的每个input元素的值建立一个列表。
<p><b>Values: </b></p>
<form>
<input type="text" name="name" value="John"/>
<input type="text" name="password" value="password"/>
<input type="text" name="url" value="http://ejohn.org/"/>
</form>
$("p").append( $("input").map(function(){
return $(this).val();
}).get().join(", ") );
[ <p>John, password, http://ejohn.org/</p> ]
保留包含特定后代的元素，去掉那些不含有指定后代的元素。
.has()方法将会从给定的jQuery对象中重新创建一组匹配的对象。提供的选择器会一一测试原先那些对象的后代，含有匹配后代的对象将得以保留。
一个表达式、一个元素或者一组元素
给含有ul的li加上背景色
<ul>
<li>list item 1</li>
<li>list item 2
<ul>
<li>list item 2-a</li>
<li>list item 2-b</li>
</ul>
</li>
<li>list item 3</li>
<li>list item 4</li>
</ul>
$('li').has('ul').css('background-color', 'red');
删除与指定表达式匹配的元素
一个表达式、一个元素或者一组元素
从p元素中删除带有 select 的ID的元素
<p>Hello</p><p id="selected">Hello Again</p>
$("p").not( $("#selected")[0] )
[ <p>Hello</p> ]
选取一个匹配的子集
与原来的slice方法类似
开始选取子集的位置。第一个元素是0.如果是负数，则可以从集合的尾部开始选起。
结束选取自己的位置，如果不指定，则就是本身的结尾。
选择第一个p元素
<p>Hello</p><p>cruel</p><p>World</p>
$("p").slice(0, 1).wrapInner("<b></b>");
[ <p><b>Hello</b></p> ]
选择前两个p元素
<p>Hello</p><p>cruel</p><p>World</p>
$("p").slice(0, 2).wrapInner("<b></b>");
[ <p><b>Hello</b></p>,<p><b>cruel</b></p> ]
只选取第二个p元素
<p>Hello</p><p>cruel</p><p>World</p>
$("p").slice(1, 2).wrapInner("<b></b>");
[ <p><b>cruel</b></p> ]
只选取第二第三个p元素
<p>Hello</p><p>cruel</p><p>World</p>
$("p").slice(1).wrapInner("<b></b>");
[ <p><b>cruel</b></p>, <p><b>World</b></p> ]
选取第最后一个p元素
<p>Hello</p><p>cruel</p><p>World</p>
$("p").slice(-1).wrapInner("<b></b>");
[ <p><b>World</b></p> ]
搜索所有与指定表达式匹配的元素。这个函数是找出正在处理的元素的后代元素的好方法。
所有搜索都依靠jQuery表达式来完成。这个表达式可以使用CSS1-3的选择器语法来写。
用于查找的表达式
从所有的段落开始，进一步搜索下面的span元素。与$("p span")相同。
<p><span>Hello</span>, how are you?</p>
$("p").find("span")
[ <span>Hello</span> ]
取得一个包含匹配的元素集合中每一个元素的所有子元素的元素集合。
可以通过可选的表达式来过滤所匹配的子元素。注意：parents()将查找所有祖辈元素，而children()只考虑子元素而不考虑所有后代元素。
用以过滤子元素的表达式
查找DIV中的每个子元素。
<p>Hello</p><div><span>Hello Again</span></div><p>And Again</p>
$("div").children()
[ <span>Hello Again</span> ]
在每个div中查找 .selected 的类。
<div><span>Hello</span><p class="selected">Hello Again</p><p>And Again</p></div>
$("div").children(".selected")
[ <p class="selected">Hello Again</p> ]
jQuery 1.3新增。从元素本身开始，逐级向上级元素匹配，并返回最先匹配的元素。
closest会首先检查当前元素是否匹配，如果匹配则直接返回元素本身。如果不匹配则向上查找父元素，一层一层往上，直到找到匹配选择器的元素。如果什么都没找到则返回一个空的jQuery对象。
closest和parents的主要区别是：1，前者从当前元素开始匹配寻找，后者从父元素开始匹配寻找；2，前者逐级向上查找，直到发现匹配的元素后就停止了，后者一直向上查找直到根元素，然后把这些元素放进一个临时集合中，再用给定的选择器表达式去过滤；3，前者返回0或1个元素，后者可能包含0个，1个，或者多个元素。
closest对于处理事件委托非常有用。
用以过滤元素的表达式。jQuery 1.4开始，也可以传递一个字符串数组，用于查找多个元素。
作为待查找的 DOM 元素集、文档或 jQuery 对象。
展示如何使用clostest查找多个元素
<ul><li></li><li></li></ul>
$("li:first").closest(["ul", "body"]);
[ul, body]
展示如何使用clostest来完成事件委托。
<ul>
<li><b>Click me!</b></li>
<li>You can also <b>Click me!</b></li>
</ul>
$(document).bind("click", function (e) {
$(e.target).closest("li").toggleClass("hilight");
});
取得一个包含匹配的元素集合中每一个元素紧邻的后面同辈元素的元素集合。
这个函数只返回后面那个紧邻的同辈元素，而不是后面所有的同辈元素（可以使用nextAll）。可以用一个可选的表达式进行筛选。
用于筛选的表达式
找到每个段落的后面紧邻的同辈元素。
<p>Hello</p><p>Hello Again</p><div><span>And Again</span></div>
$("p").next()
[ <p>Hello Again</p>, <div><span>And Again</span></div> ]
找到每个段落的后面紧邻的同辈元素中类名为selected的元素。
<p>Hello</p><p class="selected">Hello Again</p><div><span>And Again</span></div>
$("p").next(".selected")
[ <p class="selected">Hello Again</p> ]
查找当前元素之后所有的同辈元素。
可以用表达式过滤
(可选)用来过滤的表达式
给第一个div之后的所有元素加个类
<div></div><div></div><div></div><div></div>
$("div:first").nextAll().addClass("after");
[ <div class="after"></div>, <div class="after"></div>, <div class="after"></div> ]
查找当前元素之后所有的同辈元素，直到遇到匹配的那个元素为止。
如果提供的jQuery代表了一组DOM元素，.nextUntil()方法也能让我们找遍所有元素所在的DOM树，直到遇到了一个跟提供的参数匹配的元素的时候才会停下来。这个新jQuery对象里包含了下面所有找到的同辈元素，但不包括那个选择器匹配到的元素。
如果没有选择器匹配到，或者没有提供参数，那么跟在后面的所有同辈元素都会被选中。这就跟用没有提供参数的 .nextAll()效果一样。
(可选)用来过滤的表达式
给#term-2后面直到dt前的元素加上红色背景
<dl>
<dt>term 1</dt>
<dd>definition 1-a</dd>
<dd>definition 1-b</dd>
<dd>definition 1-c</dd>
<dd>definition 1-d</dd>
<dt id="term-2">term 2</dt>
<dd>definition 2-a</dd>
<dd>definition 2-b</dd>
<dd>definition 2-c</dd>
<dt>term 3</dt>
<dd>definition 3-a</dd>
<dd>definition 3-b</dd>
</dl>
$('#term-2').nextUntil('dt').css('background-color', 'red');
返回第一个匹配元素用于定位的父节点。
这返回父元素中第一个其position设为relative或者absolute的元素。此方法仅对可见元素有效。
取得一个包含着所有匹配元素的唯一父元素的元素集合。
你可以使用可选的表达式来筛选。
(可选)用来筛选的表达式
查找每个段落的父元素
<div><p>Hello</p><p>Hello</p></div>
$("p").parent()
[ <div><p>Hello</p><p>Hello</p></div>]
查找段落的父元素中每个类名为selected的父元素。
<div><p>Hello</p></div><div class="selected"><p>Hello Again</p></div>
$("p").parent(".selected")
[ <div class="selected"><p>Hello Again</p></div> ]
取得一个包含着所有匹配元素的祖先元素的元素集合（不包含根元素）。可以通过一个可选的表达式进行筛选。
用于筛选祖先元素的表达式
找到每个span元素的所有祖先元素。
<html><body><div><p><span>Hello</span></p><span>Hello Again</span></div></body></html>
$("span").parents()
找到每个span的所有是p元素的祖先元素。
$("span").parents("p")
查找当前元素的所有的父辈元素，直到遇到匹配的那个元素为止。
如果提供的jQuery代表了一组DOM元素，.parentsUntil()方法也能让我们找遍所有元素的祖先元素，直到遇到了一个跟提供的参数匹配的元素的时候才会停下来。这个返回的jQuery对象里包含了下面所有找到的父辈元素，但不包括那个选择器匹配到的元素。
用于筛选祖先元素的表达式
查找item-a的祖先，但不包括level-1
<ul class="level-1">
<li class="item-i">I</li>
<li class="item-ii">II
<ul class="level-2">
<li class="item-a">A</li>
<li class="item-b">B
<ul class="level-3">
<li class="item-1">1</li>
<li class="item-2">2</li>
<li class="item-3">3</li>
</ul>
</li>
<li class="item-c">C</li>
</ul>
</li>
<li class="item-iii">III</li>
</ul>
$('li.item-a').parentsUntil('.level-1')
.css('background-color', 'red');
取得一个包含匹配的元素集合中每一个元素紧邻的前一个同辈元素的元素集合。
可以用一个可选的表达式进行筛选。只有紧邻的同辈元素会被匹配到，而不是前面所有的同辈元素。
用于筛选前一个同辈元素的表达式
找到每个段落紧邻的前一个同辈元素。
<p>Hello</p><div><span>Hello Again</span></div><p>And Again</p>
$("p").prev()
[ <div><span>Hello Again</span></div> ]
找到每个段落紧邻的前一个同辈元素中类名为selected的元素。
<div><span>Hello</span></div><p class="selected">Hello Again</p><p>And Again</p>
$("p").prev(".selected")
[ <p class="selected">Hello Again</p> ]
查找当前元素之前所有的同辈元素
可以用表达式过滤。
用于过滤的表达式
给最后一个之前的所有div加上一个类
<div></div><div></div><div></div><div></div>
$("div:last").prevAll().addClass("before");
[ <div class="before"></div>, <div class="before"></div>, <div class="before"></div> ]
查找当前元素之前所有的同辈元素，直到遇到匹配的那个元素为止。
如果提供的jQuery代表了一组DOM元素，.prevUntil()方法也能让我们找遍所有元素所在的DOM树，直到遇到了一个跟提供的参数匹配的元素的时候才会停下来。这个新jQuery对象里包含了前面所有找到的同辈元素，但不包括那个选择器匹配到的元素。
如果没有选择器匹配到，或者没有提供参数，那么排在前面的所有同辈元素都会被选中。这就跟用没有提供参数的 .prevAll()效果一样。
(可选)用来过滤的表达式
给#term-2前面直到dt前的元素加上红色背景
<dl>
<dt>term 1</dt>
<dd>definition 1-a</dd>
<dd>definition 1-b</dd>
<dd>definition 1-c</dd>
<dd>definition 1-d</dd>
<dt id="term-2">term 2</dt>
<dd>definition 2-a</dd>
<dd>definition 2-b</dd>
<dd>definition 2-c</dd>
<dt>term 3</dt>
<dd>definition 3-a</dd>
<dd>definition 3-b</dd>
</dl>
$('#term-2').prevUntil('dt').css('background-color', 'red');
取得一个包含匹配的元素集合中每一个元素的所有唯一同辈元素的元素集合。可以用可选的表达式进行筛选。
用于筛选同辈元素的表达式
找到每个div的所有同辈元素。
<p>Hello</p><div><span>Hello Again</span></div><p>And Again</p>
$("div").siblings()
[ <p>Hello</p>, <p>And Again</p> ]
找到每个div的所有同辈元素中带有类名为selected的元素。
<div><span>Hello</span></div><p class="selected">Hello Again</p><p>And Again</p>
$("div").siblings(".selected")
[ <p class="selected">Hello Again</p> ]
把与表达式匹配的元素添加到jQuery对象中。这个函数可以用于连接分别与两个表达式匹配的元素结果集。
jQuery 1.4 中， .add()方法返回的结果将始终以元素在HTML文档中出现的顺序来排序，而不再是简单的添加。
用于匹配元素并添加的表达式字符串，或者用于动态生成的HTML代码，如果是一个字符串数组则返回多个元素
作为待查找的 DOM 元素集、文档或 jQuery 对象。
添加一个新元素到一组匹配的元素中，并且这个新元素能匹配给定的表达式。
<p>Hello</p><span>Hello Again</span>
$("p").add("span")
[ <p>Hello</p>, <span>Hello Again</span> ]
动态生成一个元素并添加至匹配的元素中
<p>Hello</p>
$("p").add("<span>Again</span>")
[ <p>Hello</p>, <span>Hello Again</span> ]
为匹配的元素添加一个或者多个元素
<p>Hello</p><p><span id="a">Hello Again</span></p>
$("p").add(document.getElementById("a"))
[ <p>Hello</p>, <p><span id="a">Hello Again</span></p>, <span id="a">Hello Again</span> ]
加入先前所选的加入当前元素中
对于筛选或查找后的元素，要加入先前所选元素时将会很有用。
选取所有div以及内部的p，并加上border类
<div><p>First Paragraph</p><p>Second Paragraph</p></div>
$("div").find("p").andSelf().addClass("border");
<div class="border">
<p class="border">First Paragraph</p>
<p class="border">Second Paragraph</p>
</div>
查找匹配元素内部所有的子节点（包括文本节点）。如果元素是一个iframe，则查找文档内容
查找所有文本节点并加粗
<p>Hello <a href="http://ejohn.org/">John</a>, how are you doing?</p>
$("p").contents().not("[nodeType=1]").wrap("<b/>");
<p><b>Hello</b> <a href="http://ejohn.org/">John</a>, <b>how are you doing?</b></p>
往一个空框架中加些内容
<iframe src="/index-blank.html" width="300" height="100"></iframe>
$("iframe").contents().find("body")
.append("I'm in an iframe!");
回到最近的一个"破坏性"操作之前。即，将匹配的元素列表变为前一次的状态。
如果之前没有破坏性操作，则返回一个空集。所谓的"破坏性"就是指任何改变所匹配的jQuery元素的操作。这包括在 Traversing 中任何返回一个jQuery对象的函数--'add', 'andSelf', 'children', 'filter', 'find', 'map', 'next', 'nextAll', 'not', 'parent', 'parents', 'prev', 'prevAll', 'siblings' and 'slice'--再加上 Manipulation 中的 'clone'。
选取所有的p元素，查找并选取span子元素，然后再回过来选取p元素
<p><span>Hello</span>,how are you?</p>
$("p").find("span").end()
[ <p><span>Hello</span> how are you?</p> ]
向每个匹配的元素内部追加内容。
这个操作与对指定的元素执行appendChild方法，将它们添加到文档中的情况类似。
要追加到目标中的内容
向所有段落中追加一些HTML标记。
<p>I would like to say: </p>
$("p").append("<b>Hello</b>");
[ <p>I would like to say: <b>Hello</b></p> ]
jQuery 1.4 新增。向每个匹配的元素内部追加内容。
这个操作与对指定的元素执行appendChild方法，将它们添加到文档中的情况类似。
返回一个HTML字符串，用于追加到每一个匹配元素的里边。接受两个参数，index参数为对象在这个集合中的索引值，html参数为这个对象原先的html值。
把所有匹配的元素追加到另一个指定的元素元素集合中。
实际上，使用这个方法是颠倒了常规的$(A).append(B)的操作，即不是把B追加到A中，而是把A追加到B中。
在jQuery 1.3.2中，appendTo, prependTo, insertBefore, insertAfter, 和 replaceAll这个几个方法成为一个破坏性操作，返回值是所有被追加的内容，而不仅仅是先前所选中的元素。所以，要选择先前选中的元素，需要使用end()方法，参见例二。
用于被追加的内容
把所有段落追加到ID值为foo的元素中。
<p>I would like to say: </p>
<div></div><div></div>
$("p").appendTo("div");
<div><p>I would like to say: </p></div>
<div><p>I would like to say: </p></div>
新建段落追加div中并加上一个class
<div></div><div></div>
$("<p/>")
.appendTo("div")
.addClass("test")
.end()
.addClass("test2");
<div><p class="test test2"></p></div>
<div><p class="test"></p></div>
向每个匹配的元素内部前置内容。
这是向所有匹配元素内部的开始处插入内容的最佳方式。
要插入到目标元素内部前端的内容
向所有段落中前置一些HTML标记代码。
<p>I would like to say: </p>
$("p").prepend("<b>Hello</b>");
[ <p><b>Hello</b>I would like to say: </p> ]
将一个DOM元素前置入所有段落
<p>I would like to say: </p>
<p>I would like to say: </p>
<b class="foo">Hello</b>
<b class="foo">Good Bye</b>
$("p").prepend( $(".foo")[0] );
<p><b class="foo">Hello</b>I would like to say: </p>
<p><b class="foo">Hello</b>I would like to say: </p>
<b class="foo">Hello</b>
<b class="foo">Good Bye</b>
向所有段落中前置一个jQuery对象(类似于一个DOM元素数组)。
<p>I would like to say: </p><b>Hello</b>
$("p").prepend( $("b") );
<p><b>Hello</b>I would like to say: </p>
jQuery 1.4 新增。向每个匹配的元素内部最前面追加内容。
这个操作与对指定的元素执行appendChild方法，将它们添加到文档中的情况类似。
返回一个HTML字符串，用于追加到每一个匹配元素的里边。接受两个参数，index参数为对象在这个集合中的索引值，html参数为这个对象原先的html值。
把所有匹配的元素前置到另一个、指定的元素元素集合中。
实际上，使用这个方法是颠倒了常规的$(A).prepend(B)的操作，即不是把B前置到A中，而是把A前置到B中。
在jQuery 1.3.2中，appendTo, prependTo, insertBefore, insertAfter, 和 replaceAll这个几个方法成为一个破坏性操作，要选择先前选中的元素，需要使用end()方法，参见 appendTo 方法的例二。
用于匹配元素的jQuery表达式
把所有段落追加到ID值为foo的元素中。
<p>I would like to say: </p><div id="foo"></div>
$("p").prependTo("#foo");
<div id="foo"><p>I would like to say: </p></div>
在每个匹配的元素之后插入内容。
插入到每个目标后的内容
在所有段落之后插入一些HTML标记代码。
<p>I would like to say: </p>
$("p").after("<b>Hello</b>");
<p>I would like to say: </p><b>Hello</b>
在所有段落之后插入一个DOM元素。
<b id="foo">Hello</b><p>I would like to say: </p>
$("p").after( $("#foo")[0] );
<p>I would like to say: </p><b id="foo">Hello</b>
在所有段落中后插入一个jQuery对象(类似于一个DOM元素数组)。
<b>Hello</b><p>I would like to say: </p>
$("p").after( $("b") );
<p>I would like to say: </p><b>Hello</b>
在每个匹配的元素之后插入内容。
jQuery 1.4 新增。函数必须返回一个html字符串。
在每个匹配的元素之前插入内容。
插入到每个目标前的内容
在所有段落之前插入一些HTML标记代码。
<p>I would like to say: </p>
$("p").before("<b>Hello</b>");
[ <b>Hello</b><p>I would like to say: </p> ]
在所有段落之前插入一个元素。
<p>I would like to say: </p><b id="foo">Hello</b>
$("p").before( $("#foo")[0] );
<b id="foo">Hello</b><p>I would like to say: </p>
在所有段落中前插入一个jQuery对象(类似于一个DOM元素数组)。
<p>I would like to say: </p><b>Hello</b>
$("p").before( $("b") );
<b>Hello</b><p>I would like to say: </p>
在每个匹配的元素之前插入内容。
jQuery 1.4 新增。函数必须返回一个html字符串。
把所有匹配的元素插入到另一个、指定的元素元素集合的后面。
实际上，使用这个方法是颠倒了常规的$(A).after(B)的操作，即不是把B插入到A后面，而是把A插入到B后面。
在jQuery 1.3.2中，appendTo, prependTo, insertBefore, insertAfter, 和 replaceAll这个几个方法成为一个破坏性操作，要选择先前选中的元素，需要使用end()方法，参见 appendTo 方法的例二。
用于匹配元素的jQuery表达式
把所有段落插入到一个元素之后。与 $("#foo").after("p")相同
<p>I would like to say: </p><div id="foo">Hello</div>
$("p").insertAfter("#foo");
<div id="foo">Hello</div><p>I would like to say: </p>
把所有匹配的元素插入到另一个、指定的元素元素集合的前面。
实际上，使用这个方法是颠倒了常规的$(A).before(B)的操作，即不是把B插入到A前面，而是把A插入到B前面。
在jQuery 1.3.2中，appendTo, prependTo, insertBefore, insertAfter, 和 replaceAll这个几个方法成为一个破坏性操作，要选择先前选中的元素，需要使用end()方法，参见 appendTo 方法的例二。
用于匹配元素的jQuery表达式
把所有段落插入到一个元素之前。与 $("#foo").before("p")相同。
<div id="foo">Hello</div><p>I would like to say: </p>
$("p").insertBefore("#foo");
<p>I would like to say: </p><div id="foo">Hello</div>
把所有匹配的元素用其他元素的结构化标记包裹起来。
这种包装对于在文档中插入额外的结构化标记最有用，而且它不会破坏原始文档的语义品质。这个函数的原理是检查提供的第一个元素（它是由所提供的HTML标记代码动态生成的），并在它的代码结构中找到最上层的祖先元素－－这个祖先元素就是包裹元素。当HTML标记代码中的元素包含文本时无法使用这个函数。因此，如果要添加文本应该在包裹完成之后再行添加。
HTML标记代码字符串，用于动态生成元素并包裹目标元素
把所有的段落用一个新创建的div包裹起来
<p>Test Paragraph.</p>
$("p").wrap("<div class='wrap'></div>");
<div class="wrap"><p>Test Paragraph.</p></div>
把所有匹配的元素用其他元素的结构化标记包装起来。
用于包装目标元素的DOM元素
用ID是"content"的div将每一个段落包裹起来
<p>Test Paragraph.</p><div id="content"></div>
$("p").wrap(document.getElementById('content'));
<div id="content"><p>Test Paragraph.</p></div><div id="content"></div>
把所有匹配的元素用其他元素的结构化标记包装起来。
生成包裹结构的一个函数
用原先div的内容作为新div的class，并将每一个元素包裹起来
<div class="container">
<div class="inner">Hello</div>
<div class="inner">Goodbye</div>
</div>
$('.inner').wrap(function() {
return '<div class="' + $(this).text() + '" />';
});
<div class="container">
<div class="Hello">
<div class="inner">Hello</div>
</div>
<div class="Goodbye">
<div class="inner">Goodbye</div>
</div>
</div>
这个方法将移出元素的父元素。这能快速取消 .wrap()方法的效果。匹配的元素（以及他们的同辈元素）会在DOM结构上替换他们的父元素。
用ID是"content"的div将每一个段落包裹起来
<div>
<p>Hello</p>
<p>cruel</p>
<p>World</p>
</div>
$("p").unwrap()
<p>Hello</p>
<p>cruel</p>
<p>World</p>
将所有匹配的元素用单个元素包裹起来
这于 '.wrap()'<a href="http://docs.jquery.com/Manipulation/wrap" title="Manipulation/wrap"></a> 是不同的，'.wrap()'为每一个匹配的元素都包裹一次。这种包装对于在文档中插入额外的结构化标记最有用，而且它不会破坏原始文档的语义品质。这个函数的原理是检查提供的第一个元素并在它的代码结构中找到最上层的祖先元素－－这个祖先元素就是包装元素。
TML标记代码字符串，用于动态生成元素并包装目标元素
用一个生成的div将所有段落包裹起来
<p>Hello</p><p>cruel</p><p>World</p>
$("p").wrapAll("<div></div>");
<div><p>Hello</p><p>cruel</p><p>World</p></div>
将所有匹配的元素用单个元素包裹起来
这于 '.wrap()'<a href="http://docs.jquery.com/Manipulation/wrap" title="Manipulation/wrap"></a> 是不同的，'.wrap()'为每一个匹配的元素都包裹一次。
用于包装目标元素的DOM元素
用一个生成的div将所有段落包裹起来
<p>Hello</p><p>cruel</p><p>World</p>
$("p").wrapAll(document.createElement("div"));
<div><p>Hello</p><p>cruel</p><p>World</p></div>
将每一个匹配的元素的子内容(包括文本节点)用一个HTML结构包裹起来
这个函数的原理是检查提供的第一个元素（它是由所提供的HTML标记代码动态生成的），并在它的代码结构中找到最上层的祖先元素－－这个祖先元素就是包装元素。
HTML标记代码字符串，用于动态生成元素并包装目标元素
把所有段落内的每个子内容加粗
<p>Hello</p><p>cruel</p><p>World</p>
$("p").wrapInner("<b></b>");
<p><b>Hello</b></p><p><b>cruel</b></p><p><b>World</b></p>
将每一个匹配的元素的子内容(包括文本节点)用DOM元素包裹起来
用于包装目标元素的DOM元素
把所有段落内的每个子内容加粗
<p>Hello</p><p>cruel</p><p>World</p>
$("p").wrapInner(document.createElement("b"));
<p><b>Hello</b></p><p><b>cruel</b></p><p><b>World</b></p>
将每一个匹配的元素的子内容(包括文本节点)用DOM元素包裹起来
生成包裹结构的一个函数
用原先div的内容作为新div的class，并将每一个元素包裹起来
<div class="container">
<div class="inner">Hello</div>
<div class="inner">Goodbye</div>
</div>
$('.inner').wrapInner(function() {
return '<div class="' + $(this).text() + '" />';
});
<div class="container">
<div class="inner">
<div class="Hello">Hello</div>
</div>
<div class="inner">
<div class="Goodbye">Goodbye</div>
</div>
</div>
将所有匹配的元素替换成指定的HTML或DOM元素。
用于将匹配元素替换掉的内容。如果这里传递一个函数进来的话，函数返回值必须是HTML字符串。
把所有的段落标记替换成加粗的标记。
<p>Hello</p><p>cruel</p><p>World</p>
$("p").replaceWith("<b>Paragraph. </b>");
<b>Paragraph. </b><b>Paragraph. </b><b>Paragraph. </b>
用第一段替换第三段，你可以发现他是移动到目标位置来替换，而不是复制一份来替换。
<div class="container">
<div class="inner first">Hello</div>
<div class="inner second">And</div>
<div class="inner third">Goodbye</div>
</div>
$('.third').replaceWith($('.first'));
<div class="container">
<div class="inner second">And</div>
<div class="inner first">Hello</div>
</div>
用匹配的元素替换掉所有 selector匹配到的元素。
在jQuery 1.3.2中，appendTo, prependTo, insertBefore, insertAfter, 和 replaceAll这个几个方法成为一个破坏性操作，要选择先前选中的元素，需要使用end()方法，参见 appendTo 方法的例二。
用于查找所要被替换的元素
把所有的段落标记替换成加粗标记
<p>Hello</p><p>cruel</p><p>World</p>
$("<b>Paragraph. </b>").replaceAll("p");
<b>Paragraph. </b><b>Paragraph. </b><b>Paragraph. </b>
删除匹配的元素集合中所有的子节点。
把所有段落的子元素（包括文本节点）删除
<p>Hello, <span>Person</span> <a href="#">and person</a></p>
$("p").empty();
<p></p>
从DOM中删除所有匹配的元素。
这个方法不会把匹配的元素从jQuery对象中删除，因而可以在将来再使用这些匹配的元素。但除了这个元素本身得以保留之外，其他的比如绑定的事件，附加的数据等都会被移除。
用于筛选元素的jQuery表达式
从DOM中把所有段落删除
<p>Hello</p> how are <p>you?</p>
$("p").remove();
how are
从DOM中把带有hello类的段落删除
<p class="hello">Hello</p> how are <p>you?</p>
$("p").remove(".hello");
how are <p>you?</p>
从DOM中删除所有匹配的元素。
这个方法不会把匹配的元素从jQuery对象中删除，因而可以在将来再使用这些匹配的元素。与remove()不同的是，所有绑定的事件、附加的数据等都会保留下来。
用于筛选元素的jQuery表达式
从DOM中把所有段落删除
<p>Hello</p> how are <p>you?</p>
$("p").detach();
how are
从DOM中把带有hello类的段落删除
<p class="hello">Hello</p> how are <p>you?</p>
$("p").detach(".hello");
how are <p>you?</p>
克隆匹配的DOM元素并且选中这些克隆的副本。
在想把DOM文档中元素的副本添加到其他位置时这个函数非常有用。
克隆所有b元素（并选中这些克隆的副本），然后将它们前置到所有段落中。
<b>Hello</b><p>, how are you?</p>
$("b").clone().prependTo("p");
<b>Hello</b><p><b>Hello</b>, how are you?</p>
元素以及其所有的事件处理并且选中这些克隆的副本
在想把DOM文档中元素的副本添加到其他位置时这个函数非常有用。
设置为true以便复制元素的所有事件处理
创建一个按钮，他可以复制自己，并且他的副本也有同样功能。
<button>Clone Me!</button>
$("button").click(function(){
$(this).clone(true).insertAfter(this);
});
访问第一个匹配元素的样式属性。
要访问的属性名称
取得第一个段落的color样式属性的值。
$("p").css("color");
把一个“名/值对”对象设置为所有匹配元素的样式属性。
这是一种在所有匹配的元素上设置大量样式属性的最佳方式。
要设置为样式属性的名/值对
将所有段落的字体颜色设为红色并且背景为蓝色。
$("p").css({ color: "#ff0011", background: "blue" });
如果属性名包含 "-"的话，必须使用引号:
$("p").css({ "margin-left": "10px", "background-color": "blue" });
在所有匹配的元素中，设置一个样式属性的值。
数字将自动转化为像素值
属性名
属性值
将所有段落字体设为红色
$("p").css("color","red");
在所有匹配的元素中，设置一个样式属性的值。
数字将自动转化为像素值
属性名
此函数返回要设置的属性值。接受两个参数，index为元素在对象集合中的索引位置，value是原先的属性值。
逐渐增加div的大小
$("div").click(function() {
$(this).css({
width: function(index, value) {
return parseFloat(value) * 1.2;
},
height: function(index, value) {
return parseFloat(value) * 1.2;
}
});
});
获取匹配元素在当前视口的相对偏移。
返回的对象包含两个整型属性：top 和 left。此方法只对可见元素有效。
获取第二段的偏移
<p>Hello</p><p>2nd Paragraph</p>
var p = $("p:last");
var offset = p.offset();
p.html( "left: " + offset.left + ", top: " + offset.top );
<p>Hello</p><p>left: 0, top: 35</p>
设置匹配元素相对于document对象的坐标。
.offset()方法可以让我们重新设置元素的位置。这个元素的位置是相对于document对象的。如果对象原先的position样式属性是static的话，会被改成relative来实现重定位。
一个对象，必须包含top和left属性，作为元素的新坐标。这个参数也可以是一个返回一对坐标的函数，函数的第一个参数是元素的索引，第二个参数是当前的坐标。
获取第二段的偏移
<p>Hello</p><p>2nd Paragraph</p>
$("p:last").offset({ top: 10, left: 30 });
获取匹配元素相对父元素的偏移。
返回的对象包含两个整型属性：top 和 left。为精确计算结果，请在补白、边框和填充属性上使用像素单位。此方法只对可见元素有效。
获取第一段的偏移
<p>Hello</p><p>2nd Paragraph</p>
var p = $("p:first");
var position = p.position();
$("p:last").html( "left: " + position.left + ", top: " + position.top );
<p>Hello</p><p>left: 15, top: 15</p>
获取匹配元素相对滚动条顶部的偏移。
此方法对可见和隐藏元素均有效。
获取第一段相对滚动条顶部的偏移
<p>Hello</p><p>2nd Paragraph</p>
var p = $("p:first");
$("p:last").text( "scrollTop:" + p.scrollTop() );
<p>Hello</p><p>scrollTop: 0</p>
传递参数值时，设置垂直滚动条顶部偏移为该值。
此方法对可见和隐藏元素均有效。
设定垂直滚动条值
设置相对滚动条顶部的偏移
$("div.demo").scrollTop(300);
获取匹配元素相对滚动条左侧的偏移。
此方法对可见和隐藏元素均有效。
获取第一段相对滚动条左侧的偏移
<p>Hello</p><p>2nd Paragraph</p>
var p = $("p:first");
$("p:last").text( "scrollLeft:" + p.scrollLeft() );
<p>Hello</p><p>scrollLeft: 0</p>
传递参数值时，设置水平滚动条左侧偏移为该值。
此方法对可见和隐藏元素均有效。
设定水平滚动条值
设置相对滚动条左侧的偏移
$("div.demo").scrollLeft(300);
取得第一个匹配元素当前计算的高度值（px）。
在 jQuery 1.2 以后可以用来获取 window 和 document 的高
获取第一段的高
$("p").height();
获取当前浏览器窗口的高度
$(window).height();
获取当前HTML文档高度
$(document).height();
为每个匹配的元素设置CSS高度(hidth)属性的值。如果没有明确指定单位（如：em或%），使用px。
如果没有明确指定单位（如：em或%），使用px。
设定CSS中 'height' 的值，可以是字符串或者数字，还可以是一个函数，返回要设置的数值。函数接受两个参数，第一个参数是元素在原先集合中的索引位置，第二个参数为原先的高度。
把所有段落的高设为 20:
$("p").height(20);
取得第一个匹配元素当前计算的宽度值（px）。
在 jQuery 1.2 以后可以用来获取 window 和 document 的宽
获取第一段的宽
$("p").width();
获取当前浏览器窗口的宽度
$(window).width();
获取当前HTML文档宽度
$(document).width();
为每个匹配的元素设置CSS宽度(width)属性的值。
如果没有明确指定单位（如：em或%），使用px。
设定 CSS 'width' 的属性值，可以是字符串或者数字，还可以是一个函数，返回要设置的数值。函数接受两个参数，第一个参数是元素在原先集合中的索引位置，第二个参数为原先的宽度。
将所有段落的宽设为 20:
$("p").width(20);
获取第一个匹配元素内部区域高度（包括补白、不包括边框）。
此方法对可见和隐藏元素均有效。
获取第一段落内部区域高度。
<p>Hello</p><p>2nd Paragraph</p>
var p = $("p:first");
$("p:last").text( "innerHeight:" + p.innerHeight() );
<p>Hello</p><p>innerHeight: 16</p>
获取第一个匹配元素内部区域宽度（包括补白、不包括边框）。
此方法对可见和隐藏元素均有效。
获取第一段落内部区域宽度。
<p>Hello</p><p>2nd Paragraph</p>
var p = $("p:first");
$("p:last").text( "innerWidth:" + p.innerWidth() );
<p>Hello</p><p>innerWidth: 40</p>
获取第一个匹配元素外部高度（默认包括补白和边框）。
此方法对可见和隐藏元素均有效。
设置为 true 时，计算边距在内。
获取第一段落外部高度。
<p>Hello</p><p>2nd Paragraph</p>
var p = $("p:first");
$("p:last").text( "outerHeight:" + p.outerHeight() + " , outerHeight(true):" + p.outerHeight(true) );
<p>Hello</p><p>outerHeight: 35 , outerHeight(true):55</p>
获取第一个匹配元素外部宽度（默认包括补白和边框）。
此方法对可见和隐藏元素均有效。
设置为 true 时，计算边距在内。
获取第一段落外部宽度。
<p>Hello</p><p>2nd Paragraph</p>
var p = $("p:first");
$("p:last").text( "outerWidth:" + p.outerWidth() + " , outerWidth(true):" + p.outerWidth(true) );
<p>Hello</p><p>outerWidth: 65 , outerWidth(true):85</p>
当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。
这是事件模块中最重要的一个函数，因为它可以极大地提高web应用程序的响应速度。
简单地说，这个方法纯粹是对向window.load事件注册事件的替代方法。通过使用这个方法，可以在DOM载入就绪能够读取并操纵时立即调用你所绑定的函数，而99.99%的JavaScript函数都需要在那一刻执行。
有一个参数－－对jQuery函数的引用－－会传递到这个ready事件处理函数中。可以给这个参数任意起一个名字，并因此可以不再担心命名冲突而放心地使用$别名。
请确保在 <body> 元素的onload事件中没有注册函数，否则不会触发$(document).ready()事件。
可以在同一个页面中无限次地使用$(document).ready()事件。其中注册的函数会按照（代码中的）先后顺序依次执行。
要在DOM就绪时执行的函数
在DOM加载完成时运行的代码，可以这样写：
$(document).ready(function(){
// 在这里写你的代码...
});
使用 $(document).ready() 的简写，同时内部的 jQuery 代码依然使用 $ 作为别名，而不管全局的 $ 为何。
jQuery(function($) {
// 你可以在这里继续使用$作为别名...
});
为每个匹配元素的特定事件绑定事件处理函数。
.bind() 方法是用于往文档上附加行为的主要方式。所有JavaScript事件对象，比如focus, mouseover, 和 resize，都是可以作为type参数传递进来的。
jQuery还提供了一些绑定这些标准事件类型的简单方式，比如.click()用于简化.bind('click')。一共有以下这些：blur, focus, focusin, focusout, load, resize, scroll, unload, click, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, mouseenter, mouseleave, change, select, submit, keydown, keypress, keyup, error 。
任何作为type参数的字符串都是合法的；如果一个字符串不是原生的JavaScript事件名，那么这个事件处理函数会绑定到一个自定义事件上。这些自定义事件绝对不会由浏览器触发，但可以通过使用.trigger()或者.triggerHandler()在其他代码中手动触发。
如果type参数的字符串中包含一个点(.)字符，那么这个事件就看做是有命名空间的了。这个点字符就用来分隔事件和他的命名空间。举例来说，如果执行 .bind('click.name', handler) ，那么字符串中的 click 是事件类型，而字符串 name 就是命名空间。命名空间允许我们取消绑定或者触发一些特定类型的事件，而不用触发别的事件。参考unbind()来获取更多信息。
当一个事件传到一个元素上，所有绑定在上面的针对哪个事件的处理函数都会触发。如果注册了多个事件处理函数，总是按照绑定的顺序依次触发。当所有绑定的事件处理函数执行完毕后，事件继续沿着普通的事件冒泡途径上浮。
.bind()最基本的用法是：
<pre>
$('#foo').bind('click', function() {
alert('User clicked on "foo."');
});
</pre>
这个代码能使ID为foo的元素响应click事件。当用户点击元素内部之后，就会弹出一个警告框。
'''多个事件'''
依次可以绑定多个事件类型，每个事件类型用空格分隔：
<pre>
$('#foo').bind('mouseenter mouseleave', function() {
$(this).toggleClass('entered');
});
</pre>
这个代码让一个<div id="foo">元素（初始情况下class没有设置成entered），当鼠标移进去的时候，在class中加上entered，而当鼠标移出这个div的时候，则去除这个class值。
在jQuery 1.4中，我们也可以通过传入一个映射对来一次绑定多个事件处理函数：
<pre>
$('#foo').bind({
click: function() {
// do something on click
},
mouseenter: function() {
// do something on mouseenter
}
});
</pre>
'''事件处理函数'''
fn这个参数接受一个回调函数，就像先前展示的那样。在这个事件处理函数内部，this指向这个函数绑定的DOM元素。如果要让这个元素变成jQuery对象来使用jQuery的方法，可以把这个对象传入 $() 重新封装。比如说：
<pre>$('#foo').bind('click', function() {
alert($(this).text());
});
</pre>
这个代码执行之后，当用户点击了ID为foo的元素内部之后，他的文本内容就会出现在一个警告框中。
'''事件对象'''
fn这个参数的回调函数还可以接受一个参数。当这个函数被调用时，一个JavaScript事件对象会作为一个参数传进来。
这个事件对象通常是没有必要且可以省略的参数，因为当这个事件处理函数绑定的时候就能够明确知道他在触发的时候应该做些什么，通常就已经可以获得充分的信息了。然而在有些时候，在事件初始化的时候需要获取更多关于用户环境的信息。可以参考完整的关于<a href="/category/events/event-object/">事件对象</a>的内容（英文）。
在事件处理函数内返回false就等价于执行事件对象上的.preventDefault()和.stopPropagation()。
可以像这样在事件处理函数内使用事件对象：
<pre>$(document).ready(function() {
$('#foo').bind('click', function(event) {
alert('The mouse cursor is at ('
+ event.pageX + ', ' + event.pageY + ')');
});
});
</pre>
注意，这个参数添加到了一个匿名函数上。这个代码可以让用户在点击ID为foo的元素时，报告鼠标点击时相对于页面的坐标。
'''传递事件数据'''
可选的第二个参数data通常用的很少。如果提供了这个参数，那么我们就能把一些附加信息传递给事件处理函数了。这个参数有个很好的用处，就是处理闭包带来的问题。比如我们有两个事件处理函数要指向同一个内部变量：
<pre>var message = 'Spoon!';
$('#foo').bind('click', function() {
alert(message);
});
message = 'Not in the face!';
$('#bar').bind('click', function() {
alert(message);
});
</pre>
由于这两个函数在他们各自的环境中都有message，所以触发时显示的消息都是 Not in the face! 。变量值被改变了。为了回避这个问题，我们可以把message变量作为data参数传递进去：
<pre>var message = 'Spoon!';
$('#foo').bind('click', {msg: message}, function(event) {
alert(event.data.msg);
});
message = 'Not in the face!';
$('#bar').bind('click', {msg: message}, function(event) {
alert(event.data.msg);
});
</pre>
这时在函数内部不再直接指向这个变量了；取而代之的是按值传递给了data参数，他能保持绑定事件时的值。第一个函数现在会显示Spoon!，而第二个则显示Not in the face!
注意，如果这个对象按引用传递给了函数，那么将会使情况变得极其复杂。
另外，可以参考.trigger()方法来了解如何在事件触发时传递数据，而不是在事件绑定的时候传递数据。
在jQuery 1.4中，不再支持把数据以及事件附加到一个object、embed或者applet元素上面。因为当往Java applet元素上附加数据时，会触发一个严重错误警告。
含有一个或多个事件类型的字符串，比如"click"或"submit"，还可以是自定义事件名。
作为event.data属性值传递给事件对象的额外数据对象
绑定到每个匹配元素的事件上面的处理函数
当每个段落被点击的时候，弹出其文本。
$("p").bind("click", function(){
alert( $(this).text() );
});
你可以在事件处理之前传递一些附加的数据。
function handler(event) {
alert(event.data.foo);
}
$("p").bind("click", {foo: "bar"}, handler)
通过返回false来取消默认的行为并阻止事件起泡。
$("form").bind("submit", function() { return false; })
通过使用 preventDefault() 方法只取消默认的行为。
$("form").bind("submit", function(event){
event.preventDefault();
});
通过使用 stopPropagation() 方法只阻止一个事件起泡。
$("form").bind("submit", function(event){
event.stopPropagation();
});
为每一个匹配元素一个或多个事件绑定事件处理器函数。
一次可以绑定多个事件。
一次绑定click和mouseenter事件。
$('#foo').bind({
click: function() {
// do something on click
},
mouseenter: function() {
// do something on mouseenter
}
});
为每一个匹配元素的特定事件（像click）绑定一个一次性的事件处理函数。
在每个对象上，这个事件处理函数只会被执行一次。其他规则与bind()函数相同。这个事件处理函数会接收到一个事件对象，可以通过它来阻止（浏览器）默认的行为。如果既想取消默认的行为，又想阻止事件起泡，这个事件处理函数必须返回false。
多数情况下，可以把事件处理函数定义为匿名函数（见示例一）。在不可能定义匿名函数的情况下，可以传递一个可选的数据对象作为第二个参数（而事件处理函数则作为第三个参数），见示例二。
事件类型
作为event.data属性值传递给事件对象的额外数据对象
绑定到每个匹配元素的事件上面的处理函数
当所有段落被第一次点击的时候，显示所有其文本。
$("p").one("click", function(){
alert( $(this).text() );
});
在每一个匹配的元素上触发某类事件。
这个函数也会导致浏览器同名的默认行为的执行。比如，如果用trigger()触发一个'submit'，则同样会导致浏览器提交表单。如果要阻止这种默认行为，应返回false。
你也可以触发由bind()注册的自定义事件而不限于浏览器默认事件。
事件处理函数会收到一个修复的(规范化的)事件对象，但这个对象没有特定浏览器才有的属性，比如keyCode。
jQuery也支持 <a href="http://docs.jquery.com/Namespaced_Events">命名空间事件</a>。这允许你触发或者解除绑定一组特定的事件处理函数，而无需一一个指定。你可以在事件类型后面加上感叹号 ! 来只触发那些没有命名空间的事件处理函数。
'''jQuery 1.3中新增：'''
所有触发的事件现在会冒泡到DOM树上了。举例来说，如果你在一个段落p上触发一个事件，他首先会在这个元素上触发，其次到父元素，在到父元素的父元素，直到触发到document对象。这个事件对象有一个 .target 属性指向最开始触发这个事件的元素。你可以用 stopPropagation() 来阻止事件冒泡，或者在事件处理函数中返回false即可。
事件对象构造器现在已经公开，并且你可以自行创建一个事件对象。这个事件对象可以直接传递给trigger所触发的事件处理函数。事件对象的完整属性列表可以在 <a href="http://docs.jquery.com/Events/jQuery.Event">jQuery.Event</a> 的文档里找到。
你可以有三种方式指定事件类型：
* 你可以传递字符串型的事件名称(type参数)。
* 你可以使用jQuery.Event对象。可以将数据放进这个对象，并且这个对象可以被触发的事件处理函数获取到。
* 最后，你可以传递一个带有数据的字面量对象。他将被复制到真正的jQuery.Event对象上去。 注意在这种情况下你'''必须'''指定一个 <em>type</em> 属性。
一个事件对象或者要触发的事件类型
(可选)传递给事件处理函数的附加参数
提交第一个表单，但不用submit()
$("form:first").trigger("submit")
给一个事件传递参数
$("p").click( function (event, a, b) {
// 一个普通的点击事件时，a和b是undefined类型
// 如果用下面的语句触发，那么a指向"foo",而b指向"bar"
} ).trigger("click", ["foo", "bar"]);
下面的代码可以显示一个"Hello World"
$("p").bind("myEvent", function (event, message1, message2) {
alert(message1 + ' ' + message2);
});
$("p").trigger("myEvent", ["Hello","World!"]);
这个特别的方法将会触发指定的事件类型上所有绑定的处理函数。但不会执行浏览器默认动作，也不会产生事件冒泡。
这个方法的行为表现与trigger类似，但有以下三个主要区别：
* 第一，他不会触发浏览器默认事件。
* 第二，只触发jQuery对象集合中第一个元素的事件处理函数。
* 第三，这个方法的返回的是事件处理函数的返回值，而不是据有可链性的jQuery对象。此外，如果最开始的jQuery对象集合为空，则这个方法返回 undefined 。
要触发的事件类型
(可选)传递给事件处理函数的附加参数
如果你对一个focus事件执行了 .triggerHandler() ，浏览器默认动作将不会被触发，只会触发你绑定的动作。
<button id="old">.trigger("focus")</button>
<button id="new">.triggerHandler("focus")</button><br/><br/>
<input type="text" value="To Be Focused"/>
$("#old").click(function(){
$("input").trigger("focus");
});
$("#new").click(function(){
$("input").triggerHandler("focus");
});
$("input").focus(function(){
$("<span>Focused!</span>").appendTo("body").fadeOut(1000);
});
bind()的反向操作，从每一个匹配的元素中删除绑定的事件。
如果没有参数，则删除所有绑定的事件。
你可以将你用bind()注册的自定义事件取消绑定。
如果提供了事件类型作为参数，则只删除该类型的绑定事件。
如果把在绑定时传递的处理函数作为第二个参数，则只有这个特定的事件处理函数会被删除。
事件类型
要从每个匹配元素的事件中反绑定的事件处理函数
把所有段落的所有事件取消绑定
$("p").unbind()
将段落的click事件取消绑定
$("p").unbind( "click" )
删除特定函数的绑定，将函数作为第二个参数传入
var foo = function () {
// 处理某个事件的代码
};
$("p").bind("click", foo); // ... 当点击段落的时候会触发 foo
$("p").unbind("click", foo); // ... 再也不会被触发 foo
jQuery 给所有匹配的元素附加一个事件处理函数，即使这个元素是以后再添加进来的也有效。
这个方法是基本是的 .bind() 方法的一个变体。使用 .bind() 时，选择器匹配的元素会附加一个事件处理函数，而以后再添加的元素则不会有。为此需要再使用一次 .bind() 才行。比如说
<pre><body>
<div class="clickme">Click here</div>
</body>
</pre>
可以给这个元素绑定一个简单的click事件：
<pre>$('.clickme').bind('click', function() {
alert("Bound handler called.");
});
</pre>
当点击了元素，就会弹出一个警告框。然后，想象一下这之后有另一个元素添加进来了。
<pre>$('body').append('<div class="clickme">Another target</div>');</pre>
尽管这个新的元素也能够匹配选择器 ".clickme" ，但是由于这个元素是在调用 .bind() 之后添加的，所以点击这个元素不会有任何效果。
.live() 就提供了对应这种情况的方法。如果我们是这样绑定click事件的：
<pre>$('.clickme').live('click', function() {
alert("Live handler called.");
});</pre>
然后再添加一个新元素：
<pre>$('body').append('<div class="clickme">Another target</div>');</pre>
然后再点击新增的元素，他依然能够触发事件处理函数。
'''事件委托'''
.live() 方法能对一个还没有添加进DOM的元素有效，是由于使用了事件委托：绑定在祖先元素上的事件处理函数可以对在后代上触发的事件作出回应。传递给 .live() 的事件处理函数不会绑定在元素上，而是把他作为一个特殊的事件处理函数，绑定在 DOM 树的根节点上。在我们的例子中，当点击新的元素后，会依次发生下列步骤：
<ol>
<li>生成一个click事件传递给 <div> 来处理 </li>
<li>由于没有事件处理函数直接绑定在 <div> 上，所以事件冒泡到DOM树上</li>
<li>事件不断冒泡一直到DOM树的根节点，默认情况下上面绑定了这个特殊的事件处理函数。</li>
<li>执行由 .live() 绑定的特殊的 click 事件处理函数。</li>
<li>这个事件处理函数首先检测事件对象的 target 来确定是不是需要继续。这个测试是通过检测 $(event.target).closest('.clickme') 能否找到匹配的元素来实现的。</li>
<li>如果找到了匹配的元素，那么调用原始的事件处理函数。</li>
</ol>
由于只有在事件发生时才会在上面的第五步里做测试，因此在任何时候添加的元素都能够响应这个事件。
'''附加说明'''
.live() 虽然很有用，但由于其特殊的实现方式，所以不能简单的在任何情况下替换 .bind()。主要的不同有：
<ul>
<li>在jQuery 1.4中，.live()方法支持自定义事件，也支持所有的 JavaScript 事件。在jQuery 1.4.1中，甚至也支持 focus 和 blue 事件了（映射到更合适，并且可以冒泡的focusin和focusout上）。另外，在jQuery 1.4.1中，也能支持hover（映射到"mouseenter mouseleave"）。然而在jQuery 1.3.x中，只支持支持的JavaScript事件和自定义事件：click, dblclick, keydown, keypress, keyup, mousedown, mousemove, mouseout, mouseover, 和 mouseup.</li>
<li>.live() 并不完全支持通过DOM遍历的方法找到的元素。取而代之的是，应当总是在一个选择器后面直接使用 .live() 方法，正如前面例子里提到的。</li>
<li>当一个事件处理函数用 .live() 绑定后，要停止执行其他的事件处理函数，那么这个函数必须返回 false。 仅仅调用 .stopPropagation() 无法实现这个目的。</li>
</ul>
参考 .bind() 方法可以获得更多关于事件绑定的信息。
在jQuery 1.4.1中，你可以一次绑定多个事件给 .live() ，跟 .bind() 提供的功能类似。
在jQuery 1.4 中，data参数可以用于把附加信息传递给事件处理函数。一个很好的用处是应付由闭包导致的问题。可以参考 .bind() 的讨论来获得更多信息。
事件类型
欲绑定的事件处理函数
欲绑定的事件处理函数
点击生成的p依然据有同样的功能。
<p>Click me!</p>
$("p").live("click", function(){
$(this).after("<p>Another paragraph!</p>");
});
阻止默认事件行为和事件冒泡，返回 false
$("a").live("click", function() { return false; });
仅仅阻止默认事件行为
$("a").live("click", function(event){
event.preventDefault();
});
jQuery 1.3新增。此方法与live正好完全相反。
如果不带参数，则所有绑定的live事件都会被移除。
你可以解除用live注册的自定义事件。
如果提供了type参数，那么会移除对应的live事件。
如果也指定了第二个参数function,则只移出指定的事件处理函数。
要解除绑定的live事件
要解除绑定的特定处理函数
给按钮解除click事件
function aClick() {
$("div").show().fadeOut("slow");
}
$("#unbind").click(function () {
$("#theone").die("click", aClick)
});
一个模仿悬停事件（鼠标移动到一个对象上面及移出这个对象）的方法。这是一个自定义的方法，它为频繁使用的任务提供了一种“保持在其中”的状态。
当鼠标移动到一个匹配的元素上面时，会触发指定的第一个函数。当鼠标移出这个元素时，会触发指定的第二个函数。而且，会伴随着对鼠标是否仍然处在特定元素中的检测（例如，处在div中的图像），如果是，则会继续保持“悬停”状态，而不触发移出事件（修正了使用mouseout事件的一个常见错误）。
鼠标移到元素上要触发的函数
鼠标移出元素要触发的函数
鼠标悬停的表格加上特定的类
$("td").hover(
function () {
$(this).addClass("hover");
},
function () {
$(this).removeClass("hover");
}
);
每次点击后依次调用函数。
如果点击了一个匹配的元素，则触发指定的第一个函数，当再次点击同一元素时，则触发指定的第二个函数，如果有更多函数，则再次触发，直到最后一个。随后的每次点击都重复对这几个函数的轮番调用。
可以使用unbind("click")来删除。
第一数次点击时要执行的函数。
第二数次点击时要执行的函数。
更多次点击时要执行的函数。
对表格的切换一个类
<ul>
<li>Go to the store</li>
<li>Pick up dinner</li>
<li>Debug crash</li>
<li>Take a jog</li>
</ul>
$("td").toggle(
function () {
$(this).addClass("selected");
},
function () {
$(this).removeClass("selected");
}
);
对列表的切换样式
<ul>
<li>Go to the store</li>
<li>Pick up dinner</li>
<li>Debug crash</li>
<li>Take a jog</li>
</ul>
$("li").toggle(
function () {
$(this).css({"list-style-type":"disc", "color":"blue"});
},
function () {
$(this).css({"list-style-type":"disc", "color":"red"});
},
function () {
$(this).css({"list-style-type":", "color":"});
}
);
触发每一个匹配元素的blur事件。
这个函数会调用执行绑定到blur事件的所有函数，包括浏览器的默认行为。可以通过返回false来防止触发浏览器的默认行为。blur事件会在元素失去焦点的时候触发，既可以是鼠标行为，也可以是按tab键离开的
触发所有段落的blur事件
$("p").blur();
在每一个匹配元素的blur事件中绑定一个处理函数。
blur事件会在元素失去焦点的时候触发，既可以是鼠标行为，也可以是按tab键离开的
在每一个匹配元素的blur事件中绑定的处理函数。
任何段落失去焦点时弹出一个 "Hello World!"在每一个匹配元素的blur事件中绑定的处理函数。
$("p").blur( function () { alert("Hello World!"); } );
触发每个匹配元素的change事件
这个函数会调用执行绑定到change事件的所有函数，包括浏览器的默认行为。可以通过在某个绑定的函数中返回false来防止触发浏览器的默认行为。change事件会在元素失去焦点的时候触发，也会当其值在获得焦点后改变时触发。
在每一个匹配元素的change事件中绑定一个处理函数。
change事件会在元素失去焦点的时候触发，也会当其值在获得焦点后改变时触发。
在每一个匹配元素的change事件中绑定的处理函数。
给所有的文本框增加输入验证
$("input[type='text']").change( function() {
// 这里可以写些验证代码
});
触发每一个匹配元素的click事件。
这个函数会调用执行绑定到click事件的所有函数。
触发页面内所有段落的点击事件
$("p").click();
在每一个匹配元素的click事件中绑定一个处理函数。
点击事件会在你的指针设备的按钮在元素上单击时触发。单击的定义是在屏幕的同一点触发了mousedown和mouseup.几个事件触发的顺序是：mousedownmouseupclick
绑定到click事件的函数
将页面内所有段落点击后隐藏。
$("p").click( function () { $(this).hide(); });
触发每一个匹配元素的dblclick事件。
这个函数会调用执行绑定到dblclick事件的所有函数，包括浏览器的默认行为。可以通过在某个绑定的函数中返回false来防止触发浏览器的默认行为。dblclick事件会在元素的同一点双击时触发。
在每一个匹配元素的dblclick事件中绑定一个处理函数。
的那个在某个元素上双击的时候就会触发dblclick事件
在每一个匹配元素的dblclick事件中绑定的处理函数。
给页面上每个段落的双击事件绑上 "Hello World!" 警告框
$("p").dblclick( function () { alert("Hello World!"); });
触发每一个匹配元素的error事件。
这个函数会调用所有绑定到error事件上的函数，包括在对应元素上的浏览器默认行为。可以通过在某个绑定的函数中返回false来防止触发浏览器的默认行为。error事件通常可以在元素由于点击或者tab导航失去焦点时触发。
在每一个匹配元素的error事件中绑定一个处理函数。
对于error事件，没有一个公众的标准。在大多数浏览器中，当页面的JavaScript发生错误时，window对象会触发error事件;当图像的src属性无效时，比如文件不存在或者图像数据错误时，也会触发图像对象的error事件。
如果异常是由window对象抛出，事件处理函数将会被传入三个参数：
1. 描述事件的信息 ("varName is not defined", "missing operator in expression", 等等.),
2. 包含错误的文档的完整URL
3. 异常发生的行数 如果事件处理函数返回true，则表示事件已经被处理，浏览器将认为没有异常。
更多相关信息:
<a href="http://msdn2.microsoft.com/en-us/library/ms536930.aspx">msdn - onerror Event</a>
<a href="http://developer.mozilla.org/en/docs/DOM:window.onerror">Gecko DOM Reference - onerror Event</a>
<a href="http://developer.mozilla.org/en/docs/DOM:event">Gecko DOM Reference - Event object</a>
<a href="http://en.wikipedia.org/wiki/DOM_Events">Wikipedia: DOM Events</a>
在每一个匹配元素的error事件中绑定的处理函数。
在服务器端记录JavaScript错误日志:
$(window).error(function(msg, url, line){
jQuery.post("js_error_log.php", { msg: msg, url: url, line: line });
});
隐藏JavaScript错误:
$(window).error(function(){
return true;
});
给你IE的用户隐藏无效的图像:
$("img").error(function(){
$(this).hide();
});
触发每一个匹配元素的focus事件。
这将触发所有绑定的focus函数，注意，某些对象不支持focus方法。
当页面加载后将 id 为 'login' 的元素设置焦点:
$(document).ready(function(){
$("#login").focus();
});
在每一个匹配元素的focus事件中绑定一个处理函数。
focus事件可以通过鼠标点击或者键盘上的TAB导航触发
在每一个匹配元素的focus事件中绑定的处理函数。
使人无法使用文本框:
$("input[type=text]").focus(function(){
this.blur();
});
在每一个匹配元素的focusin事件中绑定一个处理函数。
当一个元素，或者其内部任何一个元素获得焦点的时候会触发这个事件。这跟focus事件区别在于，他可以在父元素上检测子元素获取焦点的情况。
在每一个匹配元素的focusin事件中绑定的处理函数。
获得焦点后会触发动画:
<p><input type="text" /> <span>focusout fire</span></p>
<p><input type="password" /> <span>focusout fire</span></p>
$("p").focusin(function() {
$(this).find("span").css('display','inline').fadeOut(1000);
});
在每一个匹配元素的focusout事件中绑定一个处理函数。
当一个元素，或者其内部任何一个元素失去焦点的时候会触发这个事件。这跟blur事件区别在于，他可以在父元素上检测子元素失去焦点的情况。
在每一个匹配元素的focusout事件中绑定的处理函数。
失去焦点后会触发动画:
<p><input type="text" /> <span>focusout fire</span></p>
<p><input type="password" /> <span>focusout fire</span></p>
$("p").focusout(function() {
$(this).find("span").css('display','inline').fadeOut(1000);
});
触发每一个匹配元素的keydown事件
这个函数会调用执行绑定到keydown事件的所有函数，包括浏览器的默认行为。可以通过在某个绑定的函数中返回false来防止触发浏览器的默认行为。keydown事件会在键盘按下时触发。
在每一个匹配元素的keydown事件中绑定一个处理函数。
keydown事件会在键盘按下时触发。
在每一个匹配元素的keydown事件中绑定的处理函数。
在页面内对键盘按键做出回应，可以使用如下代码:
$(window).keydown(function(event){
switch(event.keyCode) {
// ...
// 不同的按键可以做不同的事情
// 不同的浏览器的keycode不同
// 更多详细信息: http://unixpapa.com/js/key.html
// ...
}
});
触发每一个匹配元素的keypress事件
T这个函数会调用执行绑定到keydown事件的所有函数，包括浏览器的默认行为。可以通过在某个绑定的函数中返回false来防止触发浏览器的默认行为。keydown事件会在键盘按下时触发
在每一个匹配元素的keypress事件中绑定一个处理函数。
keypress事件会在敲击按键时触发。 敲击按键的定义为按下并抬起同一个按键。这几个事件发生的顺序是:keydown
keypress
keyup
在每一个匹配元素的keypress事件中绑定的处理函数。
触发每一个匹配元素的keyup事件
这个函数会调用执行绑定到keyup事件的所有函数，包括浏览器的默认行为。可以通过在某个绑定的函数中返回false来防止触发浏览器的默认行为。keyup事件会在按键释放时触发。
在每一个匹配元素的keyup事件中绑定一个处理函数。
keyup 事件会在键盘按下时触发。
在每一个匹配元素的keyup事件中绑定的处理函数。
在每一个匹配元素的load事件中绑定一个处理函数。
如果绑定给window对象，则会在所有内容加载后触发，包括窗口，框架，对象和图像。如果绑定在元素上，则当元素的内容加载完毕后触发。
'''注意:'''只有当在这个元素完全加载完之前绑定load的处理函数,才会在他加载完后触发。如果之后再绑定就永远不会触发了。所以'''不要'''在$(document).ready()里绑定load事件，因为jQuery会在所有DOM加载完成后再绑定load事件。
在每一个匹配元素的load事件中绑定的处理函数。
在每一个匹配元素的mousedown事件中绑定一个处理函数。
mousedown事件在鼠标在元素上点击后会触发
在每一个匹配元素的mousedown事件中绑定的处理函数。
在每一个匹配元素的mousemove事件中绑定一个处理函数。
mousemove 事件通过鼠标在元素上移动来触发。事件处理函数会被传递一个变量——事件对象，其.clientX 和 .clientY 属性代表鼠标的坐标
在每一个匹配元素的mousemove事件中绑定的处理函数。
在每一个匹配元素的mouseout事件中绑定一个处理函数。
mouseout事件在鼠标从元素上离开后会触发
在每一个匹配元素的mouseout事件中绑定的处理函数。
在每一个匹配元素的mouseover事件中绑定一个处理函数。
mouseover事件会在鼠标移入对象时触发
在每一个匹配元素的mouseover事件中绑定的处理函数。
在每一个匹配元素的mouseup事件中绑定一个处理函数。
mouseup事件会在鼠标点击对象释放时
在每一个匹配元素的mouseup事件中绑定的处理函数。
在每一个匹配元素的resize事件中绑定一个处理函数。
当文档窗口改变大小时触发
在每一个匹配元素的resize事件中绑定的处理函数。
让人每次改变页面窗口的大小时很郁闷的方法:
$(window).resize(function(){
alert("Stop it!");
});
在每一个匹配元素的scroll事件中绑定一个处理函数。
当滚动条发生变化时触发
在每一个匹配元素的resize事件中绑定的处理函数。
当页面滚动条变化时，执行的函数:
$(window).scroll( function() { /* ...do something... */ } );
触发每一个匹配元素的select事件
这个函数会调用执行绑定到select事件的所有函数，包括浏览器的默认行为。可以通过在某个绑定的函数中返回false来防止触发浏览器的默认行为。
触发所有input元素的select事件:
$("input").select();
在每一个匹配元素的select事件中绑定一个处理函数。
当用户在文本框(包括input和textarea)中选中某段文本时会触发select事件。
在每一个匹配元素的select事件中绑定的处理函数。
当文本框中文本被选中时执行的函数:
$(":text").select( function () { /* ...do something... */ } );
触发每一个匹配元素的submit事件。
这个函数会调用执行绑定到submit事件的所有函数，包括浏览器的默认行为。可以通过在某个绑定的函数中返回false来防止触发浏览器的默认行为。
提交本页的第一个表单:
$("form:first").submit();
在每一个匹配元素的submit事件中绑定一个处理函数。
submit事件将会在表单提交时触发
在每一个匹配元素的submit事件中绑定的处理函数
如果你要阻止表单提交:
$("form").submit( function () {
return false;
} );
在每一个匹配元素的unload事件中绑定一个处理函数。
在每一个匹配元素的unload事件中绑定的处理函数。
页面卸载的时候弹出一个警告框:
$(window).unload( function () { alert("Bye now!"); } );
显示隐藏的匹配元素。
这个就是 'show( speed, [callback] )' 无动画的版本。如果选择的元素是可见的，这个方法将不会改变任何东西。无论这个元素是通过hide()方法隐藏的还是在CSS里设置了display:none;，这个方法都将有效。
显示所有段落
<p style="display: none">Hello</p>
$("p").show()
以优雅的动画显示所有匹配的元素，并在显示完成后可选地触发一个回调函数。
可以根据指定的速度动态地改变每个匹配元素的高度、宽度和不透明度。在jQuery 1.3中，padding和margin也会有动画，效果更流畅。
三种预定速度之一的字符串("slow", "normal", or "fast")或表示动画时长的毫秒数值(如：1000)
在动画完成时执行的函数，每个元素执行一次。
用缓慢的动画将隐藏的段落显示出来，历时600毫秒。
<p style="display: none">Hello</p>
$("p").show("slow");
用迅速的动画将隐藏的段落显示出来，历时200毫秒。并在之后执行反馈！
<p style="display: none">Hello</p>
$("p").show("fast",function(){
$(this).text("Animation Done!");
});
将隐藏的段落用将近4秒的时间显示出来。。。并在之后执行一个反馈。。。
<p style="display: none">Hello</p>
$("p").show(4000,function(){
$(this).text("Animation Done...");
});
隐藏显示的元素
这个就是 'hide( speed, [callback] )' 的无动画版。如果选择的元素是隐藏的，这个方法将不会改变任何东西。
隐藏所有段落
$("p").hide()
以优雅的动画隐藏所有匹配的元素，并在显示完成后可选地触发一个回调函数。
可以根据指定的速度动态地改变每个匹配元素的高度、宽度和不透明度。在jQuery 1.3中，padding和margin也会有动画，效果更流畅。
三种预定速度之一的字符串("slow", "normal", or "fast")或表示动画时长的毫秒数值(如：1000)
在动画完成时执行的函数，每个元素执行一次。
用600毫秒的时间将段落缓慢的隐藏
$("p").hide("slow");
用200毫秒将段落迅速隐藏，之后弹出一个对话框。
$("p").hide("fast",function(){
alert("Animation Done.");
});
切换元素的可见状态。
如果元素是可见的，切换为隐藏的；如果元素是隐藏的，切换为可见的。
切换所有段落的可见状态。
<p>Hello</p><p style="display: none">Hello Again</p>
$("p").toggle()
<p tyle="display: none">Hello</p><p style="display: block">Hello Again</p>
根据switch参数切换元素的可见状态（ture为可见，false为隐藏）。
如果switch设为true，则调用show()方法来显示匹配的元素，如果switch设为false则调用hide()来隐藏元素。
用于确定显示/隐藏的开关
切换所有段落的可见状态。
<p>Hello</p><p style="display: none">Hello Again</p>
var flip = 0;
$("button").click(function () {
$("p").toggle( flip++ % 2 == 0 );
});
<p tyle="display: none">Hello</p><p style="display: block">Hello Again</p>
以优雅的动画切换所有匹配的元素，并在显示完成后可选地触发一个回调函数。
可以根据指定的速度动态地改变每个匹配元素的高度、宽度和不透明度。在jQuery 1.3中，padding和margin也会有动画，效果更流畅。
三种预定速度之一的字符串("slow", "normal", or "fast")或表示动画时长的毫秒数值(如：1000)
在动画完成时执行的函数，每个元素执行一次。
用600毫秒的时间将段落缓慢的切换显示状态
$("p").toggle("slow");
用200毫秒将段落迅速切换显示状态，之后弹出一个对话框。
$("p").toggle("fast",function(){
alert("Animation Done.");
});
通过高度变化（向下增大）来动态地显示所有匹配的元素，在显示完成后可选地触发一个回调函数。
这个动画效果只调整元素的高度，可以使匹配的元素以“滑动”的方式显示出来。在jQuery 1.3中，上下的padding和margin也会有动画，效果更流畅。
三种预定速度之一的字符串("slow", "normal", or "fast")或表示动画时长的毫秒数值(如：1000)
在动画完成时执行的函数
用600毫秒缓慢的将段落滑下
$("p").slideDown("slow");
用200毫秒快速将段落滑下，之后弹出一个对话框
$("p").slideDown("fast",function(){
alert("Animation Done.");
});
通过高度变化（向上减小）来动态地隐藏所有匹配的元素，在隐藏完成后可选地触发一个回调函数。
这个动画效果只调整元素的高度，可以使匹配的元素以“滑动”的方式隐藏起来。在jQuery 1.3中，上下的padding和margin也会有动画，效果更流畅。
三种预定速度之一的字符串("slow", "normal", or "fast")或表示动画时长的毫秒数值(如：1000)
在动画完成时执行的函数
用600毫秒缓慢的将段落滑上
$("p").slideUp("slow");
用200毫秒快速将段落滑上，之后弹出一个对话框
$("p").slideUp("fast",function(){
alert("Animation Done.");
});
通过高度变化来切换所有匹配元素的可见性，并在切换完成后可选地触发一个回调函数。
这个动画效果只调整元素的高度，可以使匹配的元素以“滑动”的方式隐藏或显示。在jQuery 1.3中，上下的padding和margin也会有动画，效果更流畅。
三种预定速度之一的字符串("slow", "normal", or "fast")或表示动画时长的毫秒数值(如：1000)
在动画完成时执行的函数
用600毫秒缓慢的将段落滑上或滑下
$("p").slideToggle("slow");
用200毫秒快速将段落滑上或滑下，之后弹出一个对话框
$("p").slideToggle("fast",function(){
alert("Animation Done.");
});
通过不透明度的变化来实现所有匹配元素的淡入效果，并在动画完成后可选地触发一个回调函数。
这个动画只调整元素的不透明度，也就是说所有匹配的元素的高度和宽度不会发生变化。
三种预定速度之一的字符串("slow", "normal", or "fast")或表示动画时长的毫秒数值(如：1000)
(Optional) 在动画完成时执行的函数
用600毫秒缓慢的将段落淡入
$("p").fadeIn("slow");
用200毫秒快速将段落淡入，之后弹出一个对话框
$("p").fadeIn("fast",function(){
alert("Animation Done.");
});
通过不透明度的变化来实现所有匹配元素的淡出效果，并在动画完成后可选地触发一个回调函数。
这个动画只调整元素的不透明度，也就是说所有匹配的元素的高度和宽度不会发生变化。
三种预定速度之一的字符串("slow", "normal", or "fast")或表示动画时长的毫秒数值(如：1000)
在动画完成时执行的函数
用600毫秒缓慢的将段落淡出
$("p").fadeOut("slow");
用200毫秒快速将段落淡出，之后弹出一个对话框
$("p").fadeOut("fast",function(){
alert("Animation Done.");
});
把所有匹配元素的不透明度以渐进方式调整到指定的不透明度，并在动画完成后可选地触发一个回调函数。
这个动画只调整元素的不透明度，也就是说所有匹配的元素的高度和宽度不会发生变化。
三种预定速度之一的字符串("slow", "normal", or "fast")或表示动画时长的毫秒数值(如：1000)
要调整到的不透明度值(0到1之间的数字).
在动画完成时执行的函数
用600毫秒缓慢的将段落的透明度调整到0.66，大约2/3的可见度
$("p").fadeTo("slow", 0.66);$("p").fadeTo("slow", 0.66);
用200毫秒快速将段落的透明度调整到0.25，大约1/4的可见度，之后弹出一个对话框
$("p").fadeTo("fast", 0.25, function(){
alert("Animation Done.");
});
用于创建自定义动画的函数。
这个函数的关键在于指定动画形式及结果样式属性对象。这个对象中每个属性都表示一个可以变化的样式属性（如“height”、“top”或“opacity”）。注意：所有指定的属性必须用骆驼形式，比如用marginLeft代替margin-left.
而每个属性的值表示这个样式属性到多少时动画结束。如果是一个数值，样式属性就会从当前的值渐变到指定的值。如果使用的是“hide”、“show”或“toggle”这样的字符串值，则会为该属性调用默认的动画形式。
在 jQuery 1.2 中，你可以使用 em 和 % 单位。另外，在 jQuery 1.2 中，你可以通过在属性值前面指定 "<em>+=</em>" 或 "<em>-=</em>" 来让元素做相对运动。
jQuery 1.3中，如果duration设为0则直接完成动画。而在以前版本中则会执行默认动画。
一组包含作为动画属性和终值的样式属性和及其值的集合
三种预定速度之一的字符串("slow", "normal", or "fast")或表示动画时长的毫秒数值(如：1000)
要使用的擦除效果的名称(需要插件支持).默认jQuery提供"linear" 和 "swing".
在动画完成时执行的函数
点击按钮后div元素的几个不同属性一同变化
<button id="go"> Run</button>
<div id="block">Hello!</div>
// 在一个动画中同时应用三种类型的效果
$("#go").click(function(){
$("#block").animate({
width: "90%",
height: "100%",
fontSize: "10em",
borderWidth: 10
}, 1000 );
});
让指定元素左右移动
<button id="left">«</button> <button id="right">»</button>
<div class="block"></div>
$("#right").click(function(){
$(".block").animate({left: '+50px'}, "slow");
});
$("#left").click(function(){
$(".block").animate({left: '-50px'}, "slow");
});
在600毫秒内切换段落的高度和透明度
$("p").animate({
height: 'toggle', opacity: 'toggle'
}, "slow");
用500毫秒将段落移到left为50的地方并且完全清晰显示出来（透明度为1）
$("p").animate({
left: 50, opacity: 'show'
}, 500);
一个使用“easein”函数提供不同动画样式的例子。只有使用了插件来提供这个“easein”函数，这个参数才起作用。
$("p").animate({
opacity: 'show'
}, "slow", "easein");
用于创建自定义动画的函数。
这个函数的关键在于指定动画形式及结果样式属性对象。这个对象中每个属性都表示一个可以变化的样式属性（如“height”、“top”或“opacity”）。注意：所有指定的属性必须用骆驼形式，比如用marginLeft代替margin-left.
而每个属性的值表示这个样式属性到多少时动画结束。如果是一个数值，样式属性就会从当前的值渐变到指定的值。如果使用的是“hide”、“show”或“toggle”这样的字符串值，则会为该属性调用默认的动画形式。
在 jQuery 1.2 中，你可以使用 em 和 % 单位。另外，在 jQuery 1.2 中，你可以通过在属性值前面指定 "<em>+=</em>" 或 "<em>-=</em>" 来让元素做相对运动。
一组包含作为动画属性和终值的样式属性和及其值的集合
一组包含动画选项的值的集合。
第一个按钮按了之后展示了不在队列中的动画。在div扩展到90%的同时也在增加字体，一旦字体改变完毕后，边框的动画才开始。
<button id="go1">» Animate Block1</button>
<button id="go2">» Animate Block2</button>
<div id="block1">Block1</div><div id="block2">Block2</div>
$("#go1").click(function(){
$("#block1").animate( { width: "90%"}, { queue: false, duration: 5000 } )
.animate( { fontSize: '10em' } , 1000 )
.animate( { borderWidth: 5 }, 1000);
});
$("#go2").click(function(){
$("#block2").animate( { width: "90%"}, 1000 )
.animate( { fontSize: '10em' } , 1000 )
.animate( { borderWidth: 5 }, 1000);
});
第二个按钮按了之后就是一个传统的链式动画，即等前一个动画完成后，后一个动画才会开始.
<button id="go1">» Animate Block1</button>
<button id="go2">» Animate Block2</button>
<div id="block1">Block1</div><div id="block2">Block2</div>
$("#go1").click(function(){
$("#block1").animate( { width: "90%"}, { queue: false, duration: 5000 } )
.animate( { fontSize: '10em' } , 1000 )
.animate( { borderWidth: 5 }, 1000);
});
$("#go2").click(function(){
$("#block2").animate( { width: "90%"}, 1000 )
.animate( { fontSize: '10em' } , 1000 )
.animate( { borderWidth: 5 }, 1000);
});
用600毫秒切换段落的高度和透明度
$("p").animate({
height: 'toggle', opacity: 'toggle'
}, { duration: "slow" });
用500毫秒将段落移到left为50的地方并且完全清晰显示出来（透明度为1）
$("p").animate({
left: 50, opacity: 'show'
}, { duration: 500 });
一个使用“easein”函数提供不同动画样式的例子。只有使用了插件来提供这个“easein”函数，这个参数才起作用。
$("p").animate({
opacity: 'show'
}, { duration: "slow", easing: "easein" });
停止所有在指定元素上正在运行的动画。
如果队列中有等待执行的动画(并且clearQueue没有设为true)，他们将被马上执行
如果设置成true，则清空队列。可以立即结束动画。
让当前正在执行的动画立即完成，并且重设show和hide的原始样式，调用回调函数等。
点击Go之后开始动画,点Stop之后会在当前位置停下来
<button id="go">Go</button> <button id="stop">STOP!</button>
<div class="block"></div><button id="go">Go</button> <button id="stop">STOP!</button>
<div class="block"></div>
// 开始动画
$("#go").click(function(){
$(".block").animate({left: '+200px'}, 5000);
});
// 当点击按钮后停止动画
$("#stop").click(function(){
$(".block").stop();
});
设置一个延时来推迟执行队列中之后的项目。
jQuery 1.4新增。用于将队列中的函数延时执行。他既可以推迟动画队列的执行，也可以用于自定义队列。
延时时间，单位：毫秒
队列名词，默认是Fx，动画队列。
在.slideUp() 和 .fadeIn()之间延时800毫秒。
<div id="foo /">
$('#foo').slideUp(300).delay(800).fadeIn(400);
关闭页面上所有的动画。
把这个属性设置为true可以立即关闭所有动画(所有效果会立即执行完毕)。有些情况下可能需要这样，比如：
* 你在配置比较低的电脑上使用jQuery。
* 你的一些用户由于动画效果而遇到了 <a href="http://www.jdeegan.phlegethon.org/turn_off_animation.html">可访问性问题</a>
当把这个属性设成false之后，可以重新开启所有动画。
执行一个禁用的动画
jQuery.fx.off = true;
$("input").click(function(){
$("div").toggle("slow");
});
通过 HTTP 请求加载远程数据。
jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该函数，除非你需要操作不常用的选项，以获得更多的灵活性。
最简单的情况下，$.ajax()可以不带任何参数直接使用。
'''注意'''，所有的选项都可以通过$.ajaxSetup()函数来全局设置。
'''回调函数'''
如果要处理$.ajax()得到的数据，则需要使用回调函数。beforeSend、error、dataFilter、success、complete。
<ul>
<li>beforeSend 在发送请求之前调用，并且传入一个XMLHttpRequest作为参数。</li>
<li>error 在请求出错时调用。传入XMLHttpRequest对象，描述错误类型的字符串以及一个异常对象（如果有的话）</li>
<li>dataFilter 在请求成功之后调用。传入返回的数据以及"dataType"参数的值。并且必须返回新的数据（可能是处理过的）传递给success回调函数。</li>
<li>success 当请求之后调用。传入返回后的数据，以及包含成功代码的字符串。</li>
<li>complete 当请求完成之后调用这个函数，无论成功或失败。传入XMLHttpRequest对象，以及一个包含成功或错误代码的字符串。</li>
</ul>
'''数据类型'''
$.ajax()函数依赖服务器提供的信息来处理返回的数据。如果服务器报告说返回的数据是XML，那么返回的结果就可以用普通的XML方法或者jQuery的选择器来遍历。如果见得到其他类型，比如HTML，则数据就以文本形式来对待。
通过dataType选项还可以指定其他不同数据处理方式。除了单纯的XML，还可以指定 html、json、jsonp、script或者text。
其中，text和xml类型返回的数据不会经过处理。数据仅仅简单的将XMLHttpRequest的responseText或responseHTML属性传递给success回调函数，
'''注意'''，我们必须确保网页服务器报告的MIME类型与我们选择的dataType所匹配。比如说，XML的话，服务器端就必须声明 text/xml 或者 application/xml 来获得一致的结果。
如果指定为html类型，任何内嵌的JavaScript都会在HTML作为一个字符串返回之前执行。类似的，指定script类型的话，也会先执行服务器端生成JavaScript，然后再把脚本作为一个文本数据返回。
如果指定为json类型，则会把获取到的数据作为一个JavaScript对象来解析，并且把构建好的对象作为结果返回。为了实现这个目的，他首先尝试使用JSON.parse()。如果浏览器不支持，则使用一个函数来构建。JSON数据是一种能很方便通过JavaScript解析的结构化数据。如果获取的数据文件存放在远程服务器上（域名不同，也就是跨域获取数据），则需要使用jsonp类型。使用这种类型的话，会创建一个查询字符串参数 callback=? ，这个参数会加在请求的URL后面。服务器端应当在JSON数据前加上回调函数名，以便完成一个有效的JSONP请求。如果要指定回调函数的参数名来取代默认的callback，可以通过设置$.ajax()的jsonp参数。
'''注意'''，JSONP是JSON格式的扩展。他要求一些服务器端的代码来检测并处理查询字符串参数。更多信息可以参阅 <a href="http://bob.pythonmac.org/archives/2005/12/05/remote-json-jsonp/">最初的文章</a>。
如果指定了script或者jsonp类型，那么当从服务器接收到数据时，实际上是用了<script>标签而不是XMLHttpRequest对象。这种情况下，$.ajax()不再返回一个XMLHttpRequest对象，并且也不会传递事件处理函数，比如beforeSend。
'''发送数据到服务器'''
默认情况下，Ajax请求使用GET方法。如果要使用POST方法，可以设定type参数值。这个选项也会影响data选项中的内容如何发送到服务器。
data选项既可以包含一个查询字符串，比如 key1=value1&key2=value2 ，也可以是一个映射，比如 {key1: 'value1', key2: 'value2'} 。如果使用了后者的形式，则数据再发送器会被转换成查询字符串。这个处理过程也可以通过设置processData选项为false来回避。如果我们希望发送一个XML对象给服务器时，这种处理可能并不合适。并且在这种情况下，我们也应当改变contentType选项的值，用其他合适的MIME类型来取代默认的 application/x-www-form-urlencoded 。
'''高级选项'''
global选项用于阻止响应注册的回调函数，比如.ajaxSend，或者ajaxError，以及类似的方法。这在有些时候很有用，比如发送的请求非常频繁且简短的时候，就可以在ajaxSend里禁用这个。更多关于这些方法的详细信息，请参阅下面的内容。
如果服务器需要HTTP认证，可以使用用户名和密码可以通过username和password选项来设置。
Ajax请求是限时的，所以错误警告被捕获并处理后，可以用来提升用户体验。请求超时这个参数通常就保留其默认值，要不就通过jQuery.ajaxSetup来全局设定，很少为特定的请求重新设置timeout选项。
默认情况下，请求总会被发出去，但浏览器有可能从他的缓存中调取数据。要禁止使用缓存的结果，可以设置cache参数为false。如果希望判断数据自从上次请求后没有更改过就报告出错的话，可以设置ifModified为true。
scriptCharset允许给<script>标签的请求设定一个特定的字符集，用于script或者jsonp类似的数据。当脚本和页面字符集不同时，这特别好用。
Ajax的第一个字母是asynchronous的开头字母，这意味着所有的操作都是并行的，完成的顺序没有前后关系。$.ajax()的async参数总是设置成true，这标志着在请求开始后，其他代码依然能够执行。强烈不建议把这个选项设置成false，这意味着所有的请求都不再是异步的了，这也会导致浏览器被锁死。
$.ajax函数返回他创建的XMLHttpRequest对象。通常jQuery只在内部处理并创建这个对象，但用户也可以通过xhr选项来传递一个自己创建的xhr对象。返回的对象通常已经被丢弃了，但依然提供一个底层接口来观察和操控请求。比如说，调用对象上的.abort()可以在请求完成前挂起请求。
AJAX 请求设置。所有选项都是可选的。
加载并执行一个 JS 文件。
$.ajax({
type: "GET",
url: "test.js",
dataType: "script"
});
保存数据到服务器，成功时显示信息。
$.ajax({
type: "POST",
url: "some.php",
data: "name=John&location=Boston",
success: function(msg){
alert( "Data Saved: " + msg );
}
});
装入一个 HTML 网页最新版本。
$.ajax({
url: "test.html",
cache: false,
success: function(html){
$("#results").append(html);
}
});
同步加载数据。发送请求时锁住浏览器。需要锁定用户交互操作时使用同步方式。
var html = $.ajax({
url: "some.php",
async: false
}).responseText;
发送 XML 数据至服务器。设置 processData 选项为 false，防止自动转换数据格式。
var xmlDocument = [create xml document];
$.ajax({
url: "page.php",
processData: false,
data: xmlDocument,
success: handleResponse
});
载入远程 HTML 文件代码并插入至 DOM 中。
默认使用 GET 方式 - 传递附加参数时自动转换为 POST 方式。jQuery 1.2 中，可以指定选择符，来筛选载入的 HTML 文档，DOM 中将仅插入筛选出的 HTML 代码。语法形如 "url #some > selector"。请查看示例。
待装入 HTML 网页网址。
发送至服务器的 key/value 数据。在jQuery 1.3中也可以接受一个字符串了。
载入成功时回调函数。
加载文章侧边栏导航部分至一个无序列表。
<b>jQuery Links:</b>
<ul id="links"></ul>
$("#links").load("/Main_Page #p-Getting-Started li");
加载 feeds.html 文件内容。
$("#feeds").load("feeds.html");
同上，但是以 POST 形式发送附加参数并在成功时显示信息。
$("#feeds").load("feeds.php", {limit: 25}, function(){
alert("The last 25 entries in the feed have been loaded");
});
通过远程 HTTP GET 请求载入信息。
这是一个简单的 GET 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数，请使用 $.ajax。
待载入页面的URL地址
待发送 Key/value 参数。
载入成功时回调函数。
返回内容格式，xml, html, script, json, text, _default。
请求 test.php 网页，忽略返回值。
$.get("test.php");
请求 test.php 网页，传送2个参数，忽略返回值。
$.get("test.php", { name: "John", time: "2pm" } );
显示 test.php 返回值(HTML 或 XML，取决于返回值)。
$.get("test.php", function(data){
alert("Data Loaded: " + data);
});
显示 test.cgi 返回值(HTML 或 XML，取决于返回值)，添加一组请求参数。
$.get("test.cgi", { name: "John", time: "2pm" },
function(data){
alert("Data Loaded: " + data);
});
通过 HTTP GET 请求载入 JSON 数据。
在 jQuery 1.2 中，您可以通过使用<a href="http://bob.pythonmac.org/archives/2005/12/05/remote-json-jsonp/" class="external text" title="http://bob.pythonmac.org/archives/2005/12/05/remote-json-jsonp/">JSONP</a> 形式的回调函数来加载其他网域的JSON数据，如 "myurl?callback=?"。jQuery 将自动替换 ? 为正确的函数名，以执行回调函数。 注意：此行以后的代码将在这个回调函数执行前执行。
发送请求地址。
待发送 Key/value 参数。
载入成功时回调函数。
从 Flickr JSONP API 载入 4 张最新的关于猫的图片。
<div id="images"></div>
$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&jsoncallback=?", function(data){
$.each(data.items, function(i,item){
$("<img/>").attr("src", item.media.m).appendTo("#images");
if ( i == 3 ) return false;
});
});
从 test.js 载入 JSON 数据并显示 JSON 数据中一个 name 字段数据。
$.getJSON("test.js", function(json){
alert("JSON Data: " + json.users[3].name);
});
从 test.js 载入 JSON 数据，附加参数，显示 JSON 数据中一个 name 字段数据。
$.getJSON("test.js", { name: "John", time: "2pm" }, function(json){
alert("JSON Data: " + json.users[3].name);
});
通过 HTTP GET 请求载入并执行一个 JavaScript 文件。
jQuery 1.2 版本之前，getScript 只能调用同域 JS 文件。 1.2中，您可以跨域调用 JavaScript 文件。注意：Safari 2 或更早的版本不能在全局作用域中同步执行脚本。如果通过 getScript 加入脚本，请加入延时函数。
待载入 JS 文件地址。
成功载入后回调函数。
载入 <a title="http://jquery.com/plugins/project/color" class="external text" href="http://jquery.com/plugins/project/color">jQuery 官方颜色动画插件</a> 成功后绑定颜色变化动画。
<button id="go">» Run</button>
<div class="block"></div>
jQuery.getScript("http://dev.jquery.com/view/trunk/plugins/color/jquery.color.js", function(){
$("#go").click(function(){
$(".block").animate( { backgroundColor: 'pink' }, 1000)
.animate( { backgroundColor: 'blue' }, 1000);
});
});
加载并执行 test.js。
$.getScript("test.js");
加载并执行 test.js ，成功后显示信息。
$.getScript("test.js", function(){
alert("Script loaded and executed.");
});
通过远程 HTTP POST 请求载入信息。
这是一个简单的 POST 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数，请使用 $.ajax。
发送请求地址。
待发送 Key/value 参数。
发送成功时回调函数。
返回内容格式，xml, html, script, json, text, _default。
AJAX 请求完成时执行函数。Ajax 事件。
XMLHttpRequest 对象和设置作为参数传递给回调函数。
待执行函数
AJAX 请求完成时执行函数。
$("#msg").ajaxComplete(function(event,request, settings){
$(this).append("<li>请求完成.</li>");
});
AJAX 请求发生错误时执行函数。Ajax 事件。
XMLHttpRequest 对象和设置作为参数传递给回调函数。捕捉到的错误可作为最后一个参数传递。
待执行函数
<pre>function (event, XMLHttpRequest, ajaxOptions, thrownError) {
// thrownError 只有当异常发生时才会被传递
this; // 监听的 dom 元素
}</pre>
AJAX 请求失败时显示信息。
$("#msg").ajaxError(function(event,request, settings){
$(this).append("<li>出错页面:" + settings.url + "</li>");
});
AJAX 请求发送前执行函数。Ajax 事件。
XMLHttpRequest 对象和设置作为参数传递给回调函数。
待执行函数
AJAX 请求发送前显示信息。
$("#msg").ajaxSend(function(evt, request, settings){
$(this).append("<li>开始请求: " + settings.url + "</li>");
});
AJAX 请求开始时执行函数。Ajax 事件。
待执行函数
AJAX 请求开始时显示信息。
$("#loading").ajaxStart(function(){
$(this).show();
});
AJAX 请求结束时执行函数。Ajax 事件。
待执行函数
AJAX 请求结束后隐藏信息。
$("#loading").ajaxStop(function(){
$(this).hide();
});
AJAX 请求成功时执行函数。Ajax 事件。
XMLHttpRequest 对象和设置作为参数传递给回调函数。
待执行函数
当 AJAX 请求成功后显示消息。
$("#msg").ajaxSuccess(function(evt, request, settings){
$(this).append("<li>请求成功!</li>");
});
设置全局 AJAX 默认选项。
参数见 '$.ajax' 说明。
选项设置。所有设置项均为可选设置。.
设置 AJAX 请求默认地址为 "/xmlhttp/"，禁止触发全局 AJAX 事件，用 POST 代替默认 GET 方法。其后的 AJAX 请求不再设置任何选项参数。
$.ajaxSetup({
url: "/xmlhttp/",
global: false,
type: "POST"
});
$.ajax({ data: myData });
序列表表格内容为字符串。
序列表表格内容为字符串，用于 Ajax 请求。
<p id="results"><b>Results: </b> </p>
<form>
<select name="single">
<option>Single</option>
<option>Single2</option>
</select>
<select name="multiple" multiple="multiple">
<option selected="selected">Multiple</option>
<option>Multiple2</option>
<option selected="selected">Multiple3</option>
</select><br/>
<input type="checkbox" name="check" value="check1"/> check1
<input type="checkbox" name="check" value="check2" checked="checked"/> check2
<input type="radio" name="radio" value="radio1" checked="checked"/> radio1
<input type="radio" name="radio" value="radio2"/> radio2
</form>
$("#results").append( "<tt>" + $("form").serialize() + "</tt>" );
序列化表格元素 (类似 '.serialize()' 方法) 返回 JSON 数据结构数据。
'''注意'''，此方法返回的是JSON对象而非JSON字符串。需要使用插件或者第三方库进行字符串化操作。
返回的JSON对象是由一个对象数组组成的，其中每个对象包含一个或两个名值对——name参数和value参数（如果value不为空的话）。举例来说：
<pre><code> [
{name: 'firstname', value: 'Hello'},
{name: 'lastname', value: 'World'},
{name: 'alias'}, // this one was empty
]
</code></pre>
取得表单内容并插入到网页中。
<p id="results"><b>Results:</b> </p>
<form>
<select name="single">
<option>Single</option>
<option>Single2</option>
</select>
<select name="multiple" multiple="multiple">
<option selected="selected">Multiple</option>
<option>Multiple2</option>
<option selected="selected">Multiple3</option>
</select><br/>
<input type="checkbox" name="check" value="check1"/> check1
<input type="checkbox" name="check" value="check2" checked="checked"/> check2
<input type="radio" name="radio" value="radio1" checked="checked"/> radio1
<input type="radio" name="radio" value="radio2"/> radio2
</form>
var fields = $("select, :radio").serializeArray();
jQuery.each( fields, function(i, field){
$("#results").append(field.value + " ");
});
jQuery 1.3 新增。一组用于展示不同浏览器各自特性和bug的属性集合。
jQuery提供了一系列属性，你也可以自由增加你自己的属性。其中许多属性是很低级的，所以很难说他们能否在日新月异的发展中一直保持有效，但这这些主要用于插件和内核开发者。
所有这些支持的属性值都通过特性检测来实现，而不是用任何浏览器检测。以下有一些非常棒的资源用于解释这些特性检测是如何工作的：<ul><li>http://peter.michaux.ca/articles/feature-detection-state-of-the-art-browser-scripting</li><li>http://yura.thinkweb2.com/cft/</li><li>http://www.jibbering.com/faq/faq_notes/not_browser_detect.html</li></ul>jQuery.support主要包括以下测试：
'''boxModel''': 如果这个页面和浏览器是以W3C CSS盒式模型来渲染的，则等于true。通常在IE 6和IE 7的怪癖模式中这个值是false。在document准备就绪前，这个值是null。
'''cssFloat''': 如果用cssFloat来访问CSS的float的值，则返回true。目前在IE中会返回false,他用styleFloat代替。
'''hrefNormalized''': 如果浏览器从getAttribute("href")返回的是原封不动的结果，则返回true。在IE中会返回false，因为他的URLs已经常规化了。
'''htmlSerialize''': 如果浏览器通过innerHTML插入链接元素的时候会序列化这些链接，则返回true，目前IE中返回false。
'''leadingWhitespace''': 如果在使用innerHTML的时候浏览器会保持前导空白字符，则返回true，目前在IE 6-8中返回false。
'''noCloneEvent''': 如果浏览器在克隆元素的时候不会连同事件处理函数一起复制，则返回true，目前在IE中返回false。
'''objectAll''': 如果在某个元素对象上执行getElementsByTagName("*")会返回所有子孙元素，则为true，目前在IE 7中为false。
'''opacity''': 如果浏览器能适当解释透明度样式属性，则返回true，目前在IE中返回false，因为他用alpha滤镜代替。
'''scriptEval''': 使用 appendChild/createTextNode 方法插入脚本代码时，浏览器是否执行脚本，目前在IE中返回false，IE使用 .text 方法插入脚本代码以执行。
'''style''': 如果getAttribute("style")返回元素的行内样式，则为true。目前IE中为false，因为他用cssText代替。
'''tbody''': 如果浏览器允许table元素不包含tbody元素，则返回true。目前在IE中会返回false，他会自动插入缺失的tbody。
检测浏览器是否支持盒式模型
jQuery.support.boxModel
在jQuery 1.3中不建议使用。浏览器内核标识。依据 navigator.userAgent 判断。
可用值: safari
opera
msie
mozilla 此属性在 DOM 树加载完成前即有效，可用于为特定浏览器设置 ready 事件。
浏览器对象检测技术与此属性共同使用可提供可靠的浏览器检测支持。
在 Microsoft's Internet Explorer 浏览器中返回 true。
$.browser.msie
仅在 Safari 中提示 "this is safari!" 。
if ($.browser.safari) {
alert("this is safari!");
}
在jQuery 1.3中不建议使用。浏览器渲染引擎版本号。
典型结果: Internet Explorer: 6.0, 7.0
Mozilla/Firefox/Flock/Camino: 1.7.12, 1.8.1.3
Opera: 9.20
Safari/Webkit: 312.8, 418.9
显示当前 IE 浏览器版本号。
if ( $.browser.msie )
alert( $.browser.version );
在jQuery 1.3中不建议使用。当前页面中浏览器是否使用标准盒模型渲染页面。 建议使用 jQuery.support.boxModel 代替。W3C CSS 盒模型.
在 Internet Explorer 怪癖模式（QuirksMode）中返回 False。
$.boxModel
通用例遍方法，可用于例遍对象和数组。
不同于例遍 jQuery 对象的 $().each() 方法，此方法可用于例遍任何对象。回调函数拥有两个参数：第一个为对象的成员或数组的索引，第二个为对应变量或内容。如果需要退出 each 循环可使回调函数返回 false，其它返回值将被忽略。
需要例遍的对象或数组。
每个成员/元素执行的回调函数。
例遍数组，同时使用元素索引和内容。
$.each( [0,1,2], function(i, n){
alert( "Item #" + i + ": " + n );
});
例遍对象，同时使用成员名称和变量内容。
$.each( { name: "John", lang: "JS" }, function(i, n){
alert( "Name: " + i + ", Value: " + n );
});
用一个或多个其他对象来扩展一个对象，返回被扩展的对象。
如果不指定target，则给jQuery命名空间本身进行扩展。这有助于插件作者为jQuery增加新方法。
如果第一个参数设置为true，则jQuery返回一个深层次的副本，递归地复制找到的任何对象。否则的话，副本会与原对象共享结构。
未定义的属性将不会被复制，然而从对象的原型继承的属性将会被复制。
如果设为true，则递归合并。
待修改对象。
待合并到第一个对象的对象。
待合并到第一个对象的对象。
合并 settings 和 options，修改并返回 settings。
var settings = { validate: false, limit: 5, name: "foo" };
var options = { validate: true, name: "bar" };
jQuery.extend(settings, options);
settings == { validate: true, limit: 5, name: "bar" }
合并 defaults 和 options, 不修改 defaults。
var empty = {};
var defaults = { validate: false, limit: 5, name: "foo" };
var options = { validate: true, name: "bar" };
var settings = jQuery.extend(empty, defaults, options);
settings == { validate: true, limit: 5, name: "bar" }
empty == { validate: true, limit: 5, name: "bar" }
使用过滤函数过滤数组元素。
此函数至少传递两个参数：待过滤数组和过滤函数。过滤函数必须返回 true 以保留元素或 false 以删除元素。
待过滤数组。
此函数将处理数组每个元素。第一个参数为当前元素，第二个参数而元素索引值。此函数应返回一个布尔值。另外，此函数可设置为一个字符串，当设置为字符串时，将视为“lambda-form”（缩写形式？），其中 a 代表数组元素，i 代表元素索引值。如“a > 0”代表“function(a){ return a > 0; }”。
如果 "invert" 为 false 或为设置，则函数返回数组中由过滤函数返回 true 的元素，当"invert" 为 true，则返回过滤函数中返回 false 的元素集。
过滤数组中小于 0 的元素。
$.grep( [0,1,2], function(n,i){
return n > 0;
});
[1, 2]
排除数组中大于 0 的元素，使用第三个参数进行排除。
$.grep( [0,1,2], function(n,i){
return n > 0;
}, true);
[0]
将类数组对象转换为数组对象。
类数组对象有 length 属性，其成员索引为 0 至 length - 1。实际中此函数在 jQuery 中将自动使用而无需特意转换。
类数组对象。
过滤数组中小于 0 的元素。
<div>First</div><div>Second</div><div>Third</div><div>Fourth</div>
var arr = jQuery.makeArray(document.getElementsByTagName("div"));
arr.reverse(); // 使用数组翻转函数
Fourth
Third
Second
First
将一个数组中的元素转换到另一个数组中。
作为参数的转换函数会为每个数组元素调用，而且会给这个转换函数传递一个表示被转换的元素作为参数。转换函数可以返回转换后的值、null（删除数组中的项目）或一个包含值的数组，并扩展至原始数组中。
待转换数组。
为每个数组元素调用，而且会给这个转换函数传递一个表示被转换的元素作为参数。函数可返回任何值。另外，此函数可设置为一个字符串，当设置为字符串时，将视为“lambda-form”（缩写形式？），其中 a 代表数组元素。如“a * a”代表“function(a){ return a * a; }”。
将原数组中每个元素加 4 转换为一个新数组。
$.map( [0,1,2], function(n){
return n + 4;
});
[4, 5, 6]
原数组中大于 0 的元素加 1 ，否则删除。
$.map( [0,1,2], function(n){
return n > 0 ? n + 1 : null;
});
[2, 3]
原数组中每个元素扩展为一个包含其本身和其值加 1 的数组，并转换为一个新数组。
$.map( [0,1,2], function(n){
return [ n, n + 1 ];
});
[0, 1, 1, 2, 2, 3]
确定第一个参数在数组中的位置，从0开始计数(如果没有找到则返回 -1 )。
用于在数组中查找是否存在
待处理数组。
查看对应元素的位置
var arr = [ 4, "Pete", 8, "John" ];
jQuery.inArray("John", arr); //3
jQuery.inArray(4, arr); //0
jQuery.inArray("David", arr); //-1
把jQuery集合中所有DOM元素恢复成一个数组。
得到所有li的元素数组
alert($('li').toArray());
[<li id="foo">, <li id="bar">]
合并两个数组
返回的结果会修改第一个数组的内容——第一个数组的元素后面跟着第二个数组的元素。要去除重复项，请使用$.unique()
第一个待处理数组，会改变其中的元素。
第二个待处理数组，不会改变其中的元素。
合并两个数组到第一个数组上。
$.merge( [0,1,2], [2,3,4] )
[0,1,2,2,3,4]
删除数组中重复元素。只处理删除DOM元素数组，而不能处理字符串或者数字数组。
待处理数组。
删除重复 div 标签。
$.unique(document.getElementsByTagName("div"));
[<div>, <div>, ...]
接受一个JSON字符串，返回解析后的对象。
传入一个畸形的JSON字符串会抛出一个异常。比如下面的都是畸形的JSON字符串：
<ul>
<li>{test: 1} （ test 没有包围双引号）</li>
<li>{'test': 1} （使用了单引号而不是双引号）</li>
</ul>
另外，如果你什么都不传入，或者一个空字符串、null或undefined，parseJSON都会返回 null 。
要解析的JSON字符串
解析一个JSON字符串
var obj = jQuery.parseJSON('{"name":"John"}');
alert( obj.name === "John" );
一个空函数
当你仅仅想要传递一个空函数的时候，就用他吧。这对一些插件作者很有用，当插件提供了一个可选的回调函数接口，那么如果调用的时候没有传递这个回调函数，就用jQuery.noop来代替执行。
jQuery 1.4 新增。返回一个新函数，并且这个函数始终保持了特定的作用域。
当有事件处理函数要附加到元素上，但他们的作用域实际是指向另一个对象时，这个方法最有用了。此外，最妙的是，jQuery能够确保即便你绑定的函数是经过jQuery.proxy()处理过的函数，你依然可以传递原先的函数来准确无误地取消绑定。请参考下面的例子。
这个函数还有另一种用法，jQuery.proxy( scope, name )。第一个参数是要设定的作用域对象。第二个参数是将要设置作用域的函数名（必须是第一个作用域对象的一个属性）。
将要被改变作用域的函数
一个object，那个函数的作用域会被设置到这个object上来。
强制设置函数的作用域，让this指向obj而不是#test对象。
<div id="test">Click Here!</div>
var obj = {
name: "John",
test: function() {
alert( this.name );
$("#test").unbind("click", obj.test);
}
};
$("#test").click( jQuery.proxy( obj, "test" ) );
// 以下代码跟上面那句是等价的:
// $("#test").click( jQuery.proxy( obj.test, obj ) );
// 可以与单独执行下面这句做个比较。
// $("#test").click( obj.test );
jQuery 1.4 新增。一个DOM节点是否包含另一个DOM节点。
DOM元素作为容器，可以包含其他元素
DOM节点，可能被其他元素所包含
检测一个元素是否包含另一个元素
jQuery.contains(document.documentElement, document.body); // true
jQuery.contains(document.body, document.documentElement); // false
jQuery 1.3 新增。测试对象是否为数组。
用于测试是否为数组的对象
检测是否为数组
$("b").append( " + $.isArray([]) );
<b>true</b>
测试对象是否为函数。
'''注意：'''jQuery 1.3以后，在IE浏览器里，浏览器提供的函数比如'alert'还有 DOM 元素的方法比如 'getAttribute' 将不认为是函数
用于测试是否为函数的对象
检测是否为函数
function stub() {
}
var objs = [
function () {},
{ x:15, y:20 },
null,
stub,
"function"
];
jQuery.each(objs, function (i) {
var isFunc = jQuery.isFunction(objs[i]);
$("span:eq( " + i + ")").text(isFunc);
});
[ true,false,false,true,false ]
jQuery 1.4 新增。测试对象是否是空对象（不包含任何属性）。
jQuery 1.4 中，这个方法既检测对象本身的属性，也检测从原型继承的属性（因此没有使用hasOwnProperty）。
用于测试是否为空对象
测试是否为空对象
jQuery.isEmptyObject({}) // true
jQuery.isEmptyObject({ foo: "bar" }) // false
jQuery 1.4 新增。测试对象是否是纯粹的对象（通过 "{}" 或者 "new Object" 创建的）。
用于测试是否为纯粹的对象
测试是否为纯粹的对象
jQuery.isPlainObject({}) // true
jQuery.isPlainObject("test") // false
去掉字符串起始和结尾的空格。
需要处理的字符串
去掉字符串起始和结尾的空格。
$.trim(" hello, how are you? ");
"hello, how are you?"
将表单元素数组或者对象序列化。是.serialize()的核心方法。
在jQuery 1.3中，如果传递的参数是一个函数，那么用.param()会得到这个函数的返回值，而不是把这个函数作为一个字符串来返回。
在jQuery 1.4中，.param()会深度递归一个对象来满足现在脚本语言和框架，比如PHP， Ruby on Rails等。你可以通过jQuery.ajaxSettings.traditional = true; 来全局得禁用这个功能。
注意：因为有些框架在解析序列化数字的时候能力有限，所以当传递一些含有嵌套对象、数组的对象作为参数时，请务必小心！
在jQuery 1.4中，HTML5的input元素也会被序列化。
数组或jQuery对象会按照name/value对进行序列化，普通对象按照key/value对进行序列化。
是否使用传统的方式浅层序列化。
按照key/value对序列化普通对象。
var params = { width:1680, height:1050 };
var str = jQuery.param(params);
$("#results").text(str);
width=1680&height=1050
对比两种序列化方式
jQuery.error = console.error;
关于jQuery 中文文档
为之漫笔, Shawphy and Cloudream所有。欢迎转载、替换其他XSL样式或其他形式的转载，但必须保证XML文件原样转载，保留署名以及不可用于商业用途。本文档仅供参考，出于方便学习的目的而分发。使用者必须自行承担风险，因使用此文档造成的任何损失或者潜在的损失，译者均不为其负责。]]>
关于jQuery 1.3 版翻译
changelog。感谢Cloudream的热情帮忙。这个版本还加入了检查更新的功能。如果有需要的同学可轻松查看是否有更新的中文文档(chm版中的检查更新也将同步升级)。-- Shawphy]]> 写于2009年1月18日
关于jQuery 1.2 版翻译
为之漫笔 。他是1.1API的翻译者。1.2的翻译是完全基于1.1的API翻译的，拜一记。本次翻译临近结束时，由他翻译的Learning jQuery 的中文版《jQuery基础教程》即将出版。作为国内jQuery的引路人的他，我由衷地向他表示感谢！其次感谢 Ross Wan 写的这个仿Visiul jQuery的样式。本次翻译是基于他的英文版制作的。(由于GFW缘故，其博客请通过代理访问)最后感谢 Cloudream ,他也一起参与翻译了工具、原Dimensions插件和AJAX部分。并且加入了英文说明切换功能。断断续续翻译这个API有段时间了，虽然大部分都基于1.1的API复制过来，但也得校对以及跟官网的文档进行比较。所以也花了点时间。同时欢迎利用此版制作其他发行版以方便广大jQuery爱好者。转载请保留版权信息，谢谢。-- Shawphy]]>
提交bug及获取更新
如果大家使用过程中发现了什么翻译错误，可以找到项目地址
http://code.google.com/p/jquery-api-zh-cn/issues/list
来反馈。 版本信息：
$Rev$
$Author$
$Date$
changelog: changelog.txt
检查更新：
]]>