根據(jù)提供的原始HTML標記字符串

1、目錄Core-2DOM-13CSS-55Javascript-62Effects-69Events-76Ajax-99Plugins-114Core$(html)根據(jù)提供的原始HTML標記字符串，動態(tài)創(chuàng)建由jQuery對象包裝的DOM元素。 Create DOM elements on-the-fly from the provided String of raw HTML.返回值jQuery參數(shù)§ html (String): 用于動態(tài)創(chuàng)建DOM元素的HTML標記字符串 示例說明:動態(tài)創(chuàng)建一個div元素（以及其中的所有內(nèi)容），并將它追加到ID值為body的元素中。在這個函數(shù)的內(nèi)部，

2、是通過臨時創(chuàng)建一個元素，并將這個元素的innerHTML屬性設(shè)置為給定的標記字符串，來實現(xiàn)標記到DOM元素轉(zhuǎn)換的。所以，這個函數(shù)既有靈活性，也有局限性。 jQuery 代碼:$("<div><p>Hello</p></div>").appendTo("#body")$(elements)為一個或多個DOM元素捆綁jQuery功能。 這個函數(shù)也可以接收XML文檔和Window對象（雖然它們不是DOM元素）作為有效的參數(shù)。 Wrap jQuery functionality around a single or

3、 multiple DOM Element(s). This function also accepts XML Documents and Window objects as valid arguments (even though they are not DOM Elements).返回值jQuery參數(shù)§ elements (Element|Array<Element>): 由jQuery對象封裝的DOM元素 示例說明:與 $("div > p") 相同。HTML 代碼:<p>one</p> <div>

4、<p>two</p></div> <p>three</p>$(fn)$(document).ready()的簡寫方式，允許你綁定一個在DOM文檔載入完成后執(zhí)行的函數(shù)。這個函數(shù)的作用如同$(document).ready()一樣，只不過用這個函數(shù)時，需要把頁面中所有其他的$()操作符都包裝到其中來。從技術(shù)上來說，這個函數(shù)是可鏈接的但真正以這種方式鏈接的情況并不多。你可以在一個頁面中使用任意多個$(document).ready事件。 要詳細了解ready事件，見ready(Function)。 A shorthand for $(doc

5、ument).ready(), allowing you to bind a function to be executed when the DOM document has finished loading. This function behaves just like $(document).ready(), in that it should be used to wrap all of the other $() operations on your page. While this function is, technically, chainable - there reall

6、y isn't much use for chaining against it. You can have as many $(document).ready events on your page as you like. See ready(Function) for details about the ready event.返回值jQuery參數(shù)§ fn (Function): 當DOM載入完成后要執(zhí)行的函數(shù) 示例說明:當DOM就緒可用時，執(zhí)行其中的函數(shù)。jQuery 代碼:$(function() / DOM文檔已經(jīng)載入就緒 );o $(expr, context

7、)這個函數(shù)接收一個包含CSS或基本的XPath選擇符的字符串，然后用這個字符串去匹配一組元素。 jQuery的核心功能都是通過這個函數(shù)實現(xiàn)的。 jQuery中的一切都構(gòu)建于這個函數(shù)之上，或者說都是在以某種方式使用這個函數(shù)。這個函數(shù)最基本的用法就是向它傳遞一個表達式（通常由CSS或XPath選擇符組成），然后根據(jù)這個表達式來查詢所有匹配的元素。 在默認情況下，$()查詢的是當前HTML文檔中的DOM元素。 This function accepts a string containing a CSS or basic XPath selector which is then used to ma

8、tch a set of elements. The core functionality of jQuery centers around this function. Everything in jQuery is based upon this, or uses this in some way. The most basic use of this function is to pass in an expression (usually consisting of CSS or XPath), which then finds all matching elements. By de

9、fault, $() looks for DOM elements within the context of the current HTML document.返回值jQuery參數(shù)§ expr (String): 用來查詢用的字符串 § context (Element|jQuery): （可選）作為上下文的DOM元素、文檔或jQuery對象。 示例說明:找到所有是div元素子元素的p元素。HTML 代碼:<p>one</p> <div><p>two</p></div> <p>thre

10、e</p> jQuery 代碼:$("div > p") 結(jié)果: <p>two</p> 說明:在文檔的第一個表單中，搜索所有單選按鈕（或：type值為radio的input元素）。jQuery 代碼:$("input:radio", document.forms0) 說明:查詢指定XML文檔中的所有div元素。jQuery 代碼:$("div", xml.responseXML)o $.extend(prop)擴展jQuery對象?？梢杂糜诎押瘮?shù)添加到j(luò)Query名稱空間中，以及添加插件方法（

11、插件）。 Extends the jQuery object itself. Can be used to add functions into the jQuery namespace and to add plugin methods (plugins).返回值Object參數(shù)§ prop (Object): 要合并到j(luò)Query對象中的對象 示例說明:添加兩個插件方法。jQuery 代碼:$("inputtype=checkbox").check();$("inputtype=radio").uncheck(); 說明:向jQuery名稱

12、空間中添加兩個函數(shù)。jQuery 代碼:jQuery.extend( min: function(a, b) return a < b ? a : b; , max: function(a, b) return a > b ? a : b; );o $.noConflict()運行這個函數(shù)將變量$的控制權(quán)讓渡給第一個實現(xiàn)它的那個庫。這樣可以確保jQuery不會與其他庫的$對象發(fā)生沖突。 在運行這個函數(shù)后，就只能使用iQuery變量訪問iQuery對象。例如，在要用到$("div p")的地方，就必須換成iQuery("div p")。 Run

13、 this function to give control of the $ variable back to whichever library first implemented it. This helps to make sure that jQuery doesn't conflict with the $ object of other libraries. By using this function, you will only be able to access jQuery using the 'jQuery' variable. For exam

14、ple, where you used to do $("div p"), you now must do jQuery("div p").返回值undefined示例說明:將$引用的對象映射回原始的對象，讓渡變量$jQuery 代碼:jQuery.noConflict(); / 開始使用jQuery jQuery("div p").hide(); / 使用其他庫的 $() $("content").style.display = 'none' 說明:恢復(fù)使用別名$，然后創(chuàng)建并執(zhí)行一個函數(shù)，在這個函

15、數(shù)的作用域中仍然將$作為jQuery的別名來使用。在這個函數(shù)中，原來的$對象是無效的。這個函數(shù)對于大多數(shù)不依賴于其他庫的插件都十分有效。 jQuery 代碼:jQuery.noConflict(); (function($) $(function() / 使用 $ 作為 jQuery 別名的代碼 ); )(jQuery); / 使用 $ 作為別名的其他庫的代碼o each(fn)以每一個匹配的元素作為上下文來執(zhí)行一個函數(shù)。這意味著，每次執(zhí)行傳遞進來的函數(shù)時，函數(shù)中的this關(guān)鍵字都指向一個不同的元素（每次都是一個不同的匹配元素）。 而且，在每次執(zhí)行函數(shù)時，都會給函數(shù)傳遞一個表示作為執(zhí)行環(huán)境的元

16、素在匹配的元素集合中所處位置的數(shù)字值作為參數(shù)。 Execute a function within the context of every matched element. This means that every time the passed-in function is executed (which is once for every element matched) the 'this' keyword points to the specific element. Additionally, the function, when executed, is pas

17、sed a single argument representing the position of the element in the matched set.返回值jQuery參數(shù)§ fn (Function): 要執(zhí)行的函數(shù) 示例說明:迭代兩個圖像，并設(shè)置它們的src屬性。HTML 代碼:<img/><img/> jQuery 代碼:$("img").each(function(i) this.src = "test" + i + ".jpg" ); 結(jié)果:<img src="

18、test0.jpg"/><img src="test1.jpg"/>o eq(pos)將匹配的元素集合縮減為一個元素。這個元素在匹配元素集合中的位置變?yōu)?，而集合長度變成1。 Reduce the set of matched elements to a single element. The position of the element in the set of matched elements starts at 0 and goes to length - 1.返回值jQuery參數(shù)§ pos (Number): 要保留的元素

19、的索引 示例HTML 代碼:<p>This is just a test.</p><p>So is this</p> jQuery 代碼:$("p").eq(1) 結(jié)果: <p>So is this</p> o get()取得所有匹配的（DOM）元素集合。這是取得所有匹配元素的一種向后兼容的方式（不同于jQuery對象，而實際上兩者都是元素數(shù)組）。 Access all matched elements. This serves as a backwards-compatible way of acce

20、ssing all matched elements (other than the jQuery object itself, which is, in fact, an array of elements).返回值A(chǔ)rray<Element>示例說明:選擇文檔中的所有圖像，并返回相應(yīng)的DOM元素數(shù)組。HTML 代碼:<img src="test1.jpg"/> <img src="test2.jpg"/> jQuery 代碼:$("img").get(); 結(jié)果: <img src=&qu

21、ot;test1.jpg"/> <img src="test2.jpg"/> o get(num)取得其中一個匹配的元素。 num表示取得第幾個匹配的元素。 Access a single matched element. num is used to access the Nth element matched.返回值Element參數(shù)§ num (Number): 取得第num個位置上的元素 示例說明:選擇文檔中所有的圖像，并返回第一個。HTML 代碼:<img src="test1.jpg"/> &

22、lt;img src="test2.jpg"/> jQuery 代碼:$("img").get(0); 結(jié)果: <img src="test1.jpg"/> o gt(pos)將匹配的元素集合縮減為給定位置之后的所有元素。這個元素在匹配元素集合中的位置變?yōu)?，而長度變成1。 Reduce the set of matched elements to all elements after a given position. The position of the element in the set of matche

23、d elements starts at 0 and goes to length - 1.返回值jQuery參數(shù)§ pos (Number): 把集合縮減為這個位置之后的所有元素 示例HTML 代碼:<p>This is just a test.</p><p>So is this</p> jQuery 代碼:$("p").gt(0) 結(jié)果: <p>So is this</p> o index(subject)搜索與參數(shù)表示的對象匹配的元素，并返回相應(yīng)元素的索引值。如果找到了匹配的元素，從0開

24、始返回；如果沒有找到匹配的元素，返回-1。 Searches every matched element for the object and returns the index of the element, if found, starting with zero. Returns -1 if the object wasn't found.返回值Number參數(shù)§ subject (Element): 要搜索的對象 示例說明:返回ID值為foobar的元素的索引值。HTML 代碼:<div id="foobar"></div>

25、<b></b><span id="foo"></span> jQuery 代碼:$("").index( $('#foobar')0 ) 結(jié)果:0 說明:返回ID值為foo的元素的索引值。HTML 代碼:<div id="foobar"></div><b></b><span id="foo"></span> jQuery 代碼:$("").index( $(&#

26、39;#foo') 結(jié)果:2 說明:因為沒有ID值為bar的元素，所以返回 -1。HTML 代碼:<div id="foobar"></div><b></b><span id="foo"></span> jQuery 代碼:$("*").index( $('#bar') 結(jié)果:-1o length當前匹配的元素數(shù)量。 The number of elements currently matched.返回值Number示例HTML 代碼:&l

27、t;img src="test1.jpg"/> <img src="test2.jpg"/> jQuery 代碼:$("img").length; 結(jié)果:2o lt(pos)將匹配的元素集合縮減為給定位置之前的所有元素。這個元素在匹配元素集合中的位置變?yōu)?，而長度變成1。 Reduce the set of matched elements to all elements before a given position. The position of the element in the set of matche

28、d elements starts at 0 and goes to length - 1.返回值jQuery參數(shù)§ pos (Number): 把集合縮減為這個位置之下的所有元素 示例HTML 代碼:<p>This is just a test.</p><p>So is this</p> jQuery 代碼:$("p").lt(1) 結(jié)果: <p>This is just a test.</p> o size()當前匹配的元素數(shù)量。 The number of elements curren

29、tly matched.返回值Number示例HTML 代碼:<img src="test1.jpg"/> <img src="test2.jpg"/> jQuery 代碼:$("img").size(); 結(jié)果:2DOMAttributes§ addClass(class)為每個匹配的元素添加指定的類名。 Adds the specified class to each of the set of matched elements.返回值jQuery參數(shù)§ class (String):

30、要添加到元素中的CSS類名 示例HTML 代碼:<p>Hello</p> jQuery 代碼:$("p").addClass("selected") 結(jié)果: <p class="selected">Hello</p> § attr(name)取得第一個匹配元素的屬性值。通過這個方法可以方便地從第一個匹配元素中獲取一個屬性的值。 Access a property on the first matched element. This method makes it easy to

31、 retrieve a property value from the first matched element.返回值Object參數(shù)§ name (String): 屬性名稱 示例說明:返回文檔中第一個圖像的src屬性值。HTML 代碼:<img src="test.jpg"/> jQuery 代碼:$("img").attr("src"); 結(jié)果:test.jpg§ attr(properties)將一個“名/值”形式的對象設(shè)置為所有匹配元素的屬性。 這是一種在所有匹配元素中批量設(shè)置很多屬性的最

32、佳方式。 Set a key/value object as properties to all matched elements. This serves as the best way to set a large number of properties on all matched elements.返回值jQuery參數(shù)§ properties (Map): 作為屬性的“名/值對”對象 示例說明:為所有圖像設(shè)置src和alt屬性。HTML 代碼:<img/> jQuery 代碼:$("img").attr( src: "test.j

33、pg", alt: "Test Image" ); 結(jié)果:<img src="test.jpg" alt="Test Image"/>§ attr(key, value)為所有匹配的元素設(shè)置一個屬性值。 可以是由$規(guī)則表達式提供的計算值，見示例2。 注意，不能在IE中設(shè)置input元素的name屬性?？梢允褂?(html)或.append(html)或.html(html)動態(tài)地創(chuàng)建包含name屬性的input元素。 Set a single property to a value, on all ma

34、tched elements. Can compute values provided as $formula, see second example. Note that you can't set the name property of input elements in IE. Use $(html) or .append(html) or .html(html) to create elements on the fly including the name property.返回值jQuery參數(shù)§ key (String): 要設(shè)置的屬性名 § val

35、ue (Object): 要設(shè)置的值 示例說明:為所有圖像設(shè)置src屬性。HTML 代碼:<img/> jQuery 代碼:$("img").attr("src","test.jpg"); 結(jié)果:<img src="test.jpg"/> 說明:以src屬性的值作為title屬性的值。使用了attr(String,Function)的簡寫方式。HTML 代碼:<img src="test.jpg" /> jQuery 代碼:$("img")

36、.attr("title", "$this.src"); 結(jié)果:<img src="test.jpg" title="test.jpg" />§ attr(key, value)為所有匹配的元素設(shè)置一個計算的屬性值。 不提供值，而是提供一個函數(shù)，由這個函數(shù)計算的值作為屬性值。 Set a single property to a computed value, on all matched elements. Instead of a value, a function is provided

37、, that computes the value.返回值jQuery參數(shù)§ key (String): 要設(shè)置的屬性名稱 § value (Function): 返回值的函數(shù) 示例說明:把src屬性的值設(shè)置為title屬性的值。HTML 代碼:<img src="test.jpg" /> jQuery 代碼:$("img").attr("title", function() return this.src ); 結(jié)果:<img src="test.jpg" title=&qu

38、ot;test.jpg" />§ html()取得第一個匹配元素的html內(nèi)容。這個函數(shù)不能用于XML文檔。 Get the html contents of the first matched element. This property is not available on XML documents.返回值String示例HTML 代碼:<div><input/></div> jQuery 代碼:$("div").html(); 結(jié)果:<input/>§ html(val)設(shè)置每一個

39、匹配元素的html內(nèi)容。這個函數(shù)不能用于XML文檔。 Set the html contents of every matched element. This property is not available on XML documents.返回值jQuery參數(shù)§ val (String): Set the html contents to the specified value. 示例HTML 代碼:<div><input/></div> jQuery 代碼:$("div").html("<b>ne

40、w stuff</b>"); 結(jié)果:<div><b>new stuff</b></div>§ removeAttr(name)從每一個匹配的元素中刪除一個屬性。 Remove an attribute from each of the matched elements.返回值jQuery參數(shù)§ name (String): 要刪除的屬性名 示例HTML 代碼:<input disabled="disabled"/> jQuery 代碼:$("input"

41、).removeAttr("disabled") 結(jié)果:<input/>§ removeClass(class)從所有匹配的元素中刪除全部或者指定的類。 Removes all or the specified class from the set of matched elements.返回值jQuery參數(shù)§ class (String): (可選) 要刪除的類名 示例HTML 代碼:<p class="selected">Hello</p> jQuery 代碼:$("p")

42、.removeClass() 結(jié)果: <p>Hello</p> HTML 代碼:<p class="selected first">Hello</p> jQuery 代碼:$("p").removeClass("selected") 結(jié)果: <p class="first">Hello</p> § text()取得所有匹配元素的內(nèi)容。結(jié)果是由所有匹配元素包含的文本內(nèi)容組合起來的文本。這個方法對HTML和XML文檔都有效。 Get th

43、e text contents of all matched elements. The result is a string that contains the combined text contents of all matched elements. This method works on both HTML and XML documents.返回值String示例說明:取得所有段落中文本內(nèi)容的組合。HTML 代碼:<p><b>Test</b> Paragraph.</p><p>Paraparagraph</p>

44、; jQuery 代碼:$("p").text(); 結(jié)果:Test Paragraph.Paraparagraph§ text(val)設(shè)置所有匹配元素的文本內(nèi)容。這個函數(shù)與html()函數(shù)具有同樣的效果。 Set the text contents of all matched elements. This has the same effect as html().返回值String參數(shù)§ val (String): 文本內(nèi)容 示例說明:設(shè)置所有段落的文本內(nèi)容。HTML 代碼:<p>Test Paragraph.</p> j

45、Query 代碼:$("p").text("Some new text."); 結(jié)果:<p>Some new text.</p>§ toggleClass(class)如果存在（不存在）就刪除（添加）一個類。 Adds the specified class if it is not present, removes it if it is present.返回值jQuery參數(shù)§ class (String): CSS類名 示例HTML 代碼:<p>Hello</p><p cla

46、ss="selected">Hello Again</p> jQuery 代碼:$("p").toggleClass("selected") 結(jié)果: <p class="selected">Hello</p>, <p>Hello Again</p> § val()獲得第一個匹配元素的當前值。 Get the current value of the first matched element.返回值String示例HTML 代碼:<i

47、nput type="text" value="some text"/> jQuery 代碼:$("input").val(); 結(jié)果:"some text"§ val(val)設(shè)置每一個匹配元素的值。 Set the value of every matched element.返回值jQuery參數(shù)§ val (String): 要設(shè)置的值。 示例HTML 代碼:<input type="text" value="some text"/&g

48、t; jQuery 代碼:$("input").val("test"); 結(jié)果:<input type="text" value="test"/>Manipulantion§ after(content)在每個匹配的元素之后插入內(nèi)容。 Insert content after each of the matched elements.返回值jQuery參數(shù)§ content (<Content>): 插入到每個目標后的內(nèi)容 示例說明:在所有段落之后插入一些HTML標記代碼

49、。HTML 代碼:<p>I would like to say: </p> jQuery 代碼:$("p").after("<b>Hello</b>"); 結(jié)果:<p>I would like to say: </p><b>Hello</b> 說明:在所有段落之后插入一個元素。HTML 代碼:<b id="foo">Hello</b><p>I would like to say: </p> j

50、Query 代碼:$("p").after( $("#foo")0 ); 結(jié)果:<p>I would like to say: </p><b id="foo">Hello</b> 說明:在所有段落中后插入一個jQuery對象(類似于一個DOM元素數(shù)組)。HTML 代碼:<b>Hello</b><p>I would like to say: </p> jQuery 代碼:$("p").after( $("b&qu

51、ot;) ); 結(jié)果:<p>I would like to say: </p><b>Hello</b>§ append(content)向每個匹配的元素內(nèi)部追加內(nèi)容。 這個操作與對指定的元素執(zhí)行appendChild方法，將它們添加到文檔中的情況類似。 Append content to the inside of every matched element. This operation is similar to doing an appendChild to all the specified elements, adding t

52、hem into the document.返回值jQuery參數(shù)§ content (<Content>): 要追加到目標中的內(nèi)容 示例說明:向所有段落中追加一些HTML標記。HTML 代碼:<p>I would like to say: </p> jQuery 代碼:$("p").append("<b>Hello</b>"); 結(jié)果:<p>I would like to say: <b>Hello</b></p> 說明:向所有段落中追

53、加一個元素。HTML 代碼:<p>I would like to say: </p><b id="foo">Hello</b> jQuery 代碼:$("p").append( $("#foo")0 ); 結(jié)果:<p>I would like to say: <b id="foo">Hello</b></p> 說明:向所有段落中追加一個jQuery對象(類似于一個DOM元素數(shù)組)。HTML 代碼:<p>I w

54、ould like to say: </p><b>Hello</b> jQuery 代碼:$("p").append( $("b") ); 結(jié)果:<p>I would like to say: <b>Hello</b></p>§ appendTo(expr)把所有匹配的元素追加到另一個、指定的元素元素集合中。實際上，使用這個方法是顛倒了常規(guī)的$(A).append(B)的操作，即不是把B追加到A中，而是把A追加到B中。 Append all of the mat

55、ched elements to another, specified, set of elements. This operation is, essentially, the reverse of doing a regular $(A).append(B), in that instead of appending B to A, you're appending A to B.返回值jQuery參數(shù)§ expr (String): 用于匹配元素的jQuery表達式 示例說明:把所有段落追加到ID值為foo的元素中。HTML 代碼:<p>I would li

56、ke to say: </p><div id="foo"></div> jQuery 代碼:$("p").appendTo("#foo"); 結(jié)果:<div id="foo"><p>I would like to say: </p></div>§ before(content)在每個匹配的元素之前插入內(nèi)容。 Insert content before each of the matched elements.返回值jQue

57、ry參數(shù)§ content (<Content>): 插入到每個目標前的內(nèi)容 示例說明:在所有段落之前插入一些HTML標記代碼。HTML 代碼:<p>I would like to say: </p> jQuery 代碼:$("p").before("<b>Hello</b>"); 結(jié)果:<b>Hello</b><p>I would like to say: </p> 說明:在所有段落之前插入一個元素。HTML 代碼:<p>I

58、 would like to say: </p><b id="foo">Hello</b> jQuery 代碼:$("p").before( $("#foo")0 ); 結(jié)果:<b id="foo">Hello</b><p>I would like to say: </p> 說明:在所有段落中前插入一個jQuery對象(類似于一個DOM元素數(shù)組)。HTML 代碼:<p>I would like to say: </

59、p><b>Hello</b> jQuery 代碼:$("p").before( $("b") ); 結(jié)果:<b>Hello</b><p>I would like to say: </p>§ clone(deep)克隆匹配的DOM元素并且選中這些克隆的副本。 在想把DOM文檔中元素的副本添加到其他位置時這個函數(shù)非常有用。 Clone matched DOM Elements and select the clones. This is useful for moving

60、 copies of the elements to another location in the DOM.返回值jQuery參數(shù)§ deep (Boolean): (可選)如果除了元素本身不想克隆其任何后代節(jié)點設(shè)置為false 示例說明:克隆所有b元素（并選中這些克隆的副本），然后將它們前置到所有段落中。HTML 代碼:<b>Hello <span>world</span></b><p>, how are you?</p> jQuery 代碼:$("b").clone().prependT

61、o("p"); 結(jié)果:<b>Hello <span>world</span></b><p>Hello <span>world</span></b>, how are you?</p> 說明:只克隆所有b元素自身（并選中這些克隆的副本），然后將它們前置到所有段落中。HTML 代碼:<b>Hello <span>world</span></b><p>, how are you?</p> jQuery

62、代碼:$("b").clone(false).prependTo("p"); 結(jié)果:<b>Hello <span>world</span></b><p><b></b>, how are you?</p>§ empty()刪除匹配的元素集合中所有的子節(jié)點。 Removes all child nodes from the set of matched elements.返回值jQuery示例HTML 代碼:<p>Hello, <spa

63、n>Person</span> <a href="#">and person</a></p> jQuery 代碼:$("p").empty() 結(jié)果: <p></p> § insertAfter(expr)把所有匹配的元素插入到另一個、指定的元素元素集合的后面。實際上，使用這個方法是顛倒了常規(guī)的$(A).after(B)的操作，即不是把B插入到A后面，而是把A插入到B后面。 Insert all of the matched elements after another, specified, set of elements. This operation is, essentially, the reverse of doing a regular $(A).after(B), in that instead of inserting B after A, you're inserting A after B.返回值jQuery參數(shù)§ expr (String): 用于匹配元素的jQuery表達式 示例說明:與 $("#foo").after