版權(quán)說(shuō)明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡(jiǎn)介
1、目錄Core-2DOM-13CSS-55Javascript-62Effects-69Events-76Ajax-99Plugins-114Core$(html)根據(jù)提供的原始HTML標(biāo)記字符串,動(dòng)態(tài)創(chuàng)建由jQuery對(duì)象包裝的DOM元素。 Create DOM elements on-the-fly from the provided String of raw HTML.返回值jQuery參數(shù)§ html (String): 用于動(dòng)態(tài)創(chuàng)建DOM元素的HTML標(biāo)記字符串 示例說(shuō)明:動(dòng)態(tài)創(chuàng)建一個(gè)div元素(以及其中的所有內(nèi)容),并將它追加到ID值為body的元素中。在這個(gè)函數(shù)的內(nèi)部,
2、是通過(guò)臨時(shí)創(chuàng)建一個(gè)元素,并將這個(gè)元素的innerHTML屬性設(shè)置為給定的標(biāo)記字符串,來(lái)實(shí)現(xiàn)標(biāo)記到DOM元素轉(zhuǎn)換的。所以,這個(gè)函數(shù)既有靈活性,也有局限性。 jQuery 代碼:$("<div><p>Hello</p></div>").appendTo("#body")$(elements)為一個(gè)或多個(gè)DOM元素捆綁jQuery功能。 這個(gè)函數(shù)也可以接收XML文檔和Window對(duì)象(雖然它們不是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對(duì)象封裝的DOM元素 示例說(shuō)明:與 $("div > p") 相同。HTML 代碼:<p>one</p> <div>
4、<p>two</p></div> <p>three</p>$(fn)$(document).ready()的簡(jiǎn)寫方式,允許你綁定一個(gè)在DOM文檔載入完成后執(zhí)行的函數(shù)。這個(gè)函數(shù)的作用如同$(document).ready()一樣,只不過(guò)用這個(gè)函數(shù)時(shí),需要把頁(yè)面中所有其他的$()操作符都包裝到其中來(lái)。從技術(shù)上來(lái)說(shuō),這個(gè)函數(shù)是可鏈接的但真正以這種方式鏈接的情況并不多。你可以在一個(gè)頁(yè)面中使用任意多個(gè)$(document).ready事件。 要詳細(xì)了解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): 當(dāng)DOM載入完成后要執(zhí)行的函數(shù) 示例說(shuō)明:當(dāng)DOM就緒可用時(shí),執(zhí)行其中的函數(shù)。jQuery 代碼:$(function() / DOM文檔已經(jīng)載入就緒 );o $(expr, context
7、)這個(gè)函數(shù)接收一個(gè)包含CSS或基本的XPath選擇符的字符串,然后用這個(gè)字符串去匹配一組元素。 jQuery的核心功能都是通過(guò)這個(gè)函數(shù)實(shí)現(xiàn)的。 jQuery中的一切都構(gòu)建于這個(gè)函數(shù)之上,或者說(shuō)都是在以某種方式使用這個(gè)函數(shù)。這個(gè)函數(shù)最基本的用法就是向它傳遞一個(gè)表達(dá)式(通常由CSS或XPath選擇符組成),然后根據(jù)這個(gè)表達(dá)式來(lái)查詢所有匹配的元素。 在默認(rèn)情況下,$()查詢的是當(dāng)前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): 用來(lái)查詢用的字符串 § context (Element|jQuery): (可選)作為上下文的DOM元素、文檔或jQuery對(duì)象。 示例說(shuō)明:找到所有是div元素子元素的p元素。HTML 代碼:<p>one</p> <div><p>two</p></div> <p>thre
10、e</p> jQuery 代碼:$("div > p") 結(jié)果: <p>two</p> 說(shuō)明:在文檔的第一個(gè)表單中,搜索所有單選按鈕(或:type值為radio的input元素)。jQuery 代碼:$("input:radio", document.forms0) 說(shuō)明:查詢指定XML文檔中的所有div元素。jQuery 代碼:$("div", xml.responseXML)o $.extend(prop)擴(kuò)展jQuery對(duì)象??梢杂糜诎押瘮?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對(duì)象中的對(duì)象 示例說(shuō)明:添加兩個(gè)插件方法。jQuery 代碼:$("inputtype=checkbox").check();$("inputtype=radio").uncheck(); 說(shuō)明:向jQuery名稱
12、空間中添加兩個(gè)函數(shù)。jQuery 代碼:jQuery.extend( min: function(a, b) return a < b ? a : b; , max: function(a, b) return a > b ? a : b; );o $.noConflict()運(yùn)行這個(gè)函數(shù)將變量$的控制權(quán)讓渡給第一個(gè)實(shí)現(xiàn)它的那個(gè)庫(kù)。這樣可以確保jQuery不會(huì)與其他庫(kù)的$對(duì)象發(fā)生沖突。 在運(yùn)行這個(gè)函數(shù)后,就只能使用iQuery變量訪問iQuery對(duì)象。例如,在要用到$("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示例說(shuō)明:將$引用的對(duì)象映射回原始的對(duì)象,讓渡變量$jQuery 代碼:jQuery.noConflict(); / 開始使用jQuery jQuery("div p").hide(); / 使用其他庫(kù)的 $() $("content").style.display = 'none' 說(shuō)明:恢復(fù)使用別名$,然后創(chuàng)建并執(zhí)行一個(gè)函數(shù),在這個(gè)函
15、數(shù)的作用域中仍然將$作為jQuery的別名來(lái)使用。在這個(gè)函數(shù)中,原來(lái)的$對(duì)象是無(wú)效的。這個(gè)函數(shù)對(duì)于大多數(shù)不依賴于其他庫(kù)的插件都十分有效。 jQuery 代碼:jQuery.noConflict(); (function($) $(function() / 使用 $ 作為 jQuery 別名的代碼 ); )(jQuery); / 使用 $ 作為別名的其他庫(kù)的代碼o each(fn)以每一個(gè)匹配的元素作為上下文來(lái)執(zhí)行一個(gè)函數(shù)。這意味著,每次執(zhí)行傳遞進(jìn)來(lái)的函數(shù)時(shí),函數(shù)中的this關(guān)鍵字都指向一個(gè)不同的元素(每次都是一個(gè)不同的匹配元素)。 而且,在每次執(zhí)行函數(shù)時(shí),都會(huì)給函數(shù)傳遞一個(gè)表示作為執(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ù) 示例說(shuō)明:迭代兩個(gè)圖像,并設(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)將匹配的元素集合縮減為一個(gè)元素。這個(gè)元素在匹配元素集合中的位置變?yōu)?,而集合長(zhǎng)度變成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對(duì)象,而實(shí)際上兩者都是元素?cái)?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>示例說(shuō)明:選擇文檔中的所有圖像,并返回相應(yīng)的DOM元素?cái)?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)取得其中一個(gè)匹配的元素。 num表示取得第幾個(gè)匹配的元素。 Access a single matched element. num is used to access the Nth element matched.返回值Element參數(shù)§ num (Number): 取得第num個(gè)位置上的元素 示例說(shuō)明:選擇文檔中所有的圖像,并返回第一個(gè)。HTML 代碼:<img src="test1.jpg"/> &
22、lt;img src="test2.jpg"/> jQuery 代碼:$("img").get(0); 結(jié)果: <img src="test1.jpg"/> o gt(pos)將匹配的元素集合縮減為給定位置之后的所有元素。這個(gè)元素在匹配元素集合中的位置變?yōu)?,而長(zhǎng)度變成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): 把集合縮減為這個(gè)位置之后的所有元素 示例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ù)表示的對(duì)象匹配的元素,并返回相應(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): 要搜索的對(duì)象 示例說(shuō)明:返回ID值為foobar的元素的索引值。HTML 代碼:<div id="foobar"></div>
25、<b></b><span id="foo"></span> jQuery 代碼:$("").index( $('#foobar')0 ) 結(jié)果:0 說(shuō)明:返回ID值為foo的元素的索引值。HTML 代碼:<div id="foobar"></div><b></b><span id="foo"></span> jQuery 代碼:$("").index( $(
26、39;#foo') 結(jié)果:2 說(shuō)明:因?yàn)闆]有ID值為bar的元素,所以返回 -1。HTML 代碼:<div id="foobar"></div><b></b><span id="foo"></span> jQuery 代碼:$("*").index( $('#bar') 結(jié)果:-1o length當(dāng)前匹配的元素?cái)?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)將匹配的元素集合縮減為給定位置之前的所有元素。這個(gè)元素在匹配元素集合中的位置變?yōu)?,而長(zhǎng)度變成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): 把集合縮減為這個(gè)位置之下的所有元素 示例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()當(dāng)前匹配的元素?cái)?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)為每個(gè)匹配的元素添加指定的類名。 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)取得第一個(gè)匹配元素的屬性值。通過(guò)這個(gè)方法可以方便地從第一個(gè)匹配元素中獲取一個(gè)屬性的值。 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): 屬性名稱 示例說(shuō)明:返回文檔中第一個(gè)圖像的src屬性值。HTML 代碼:<img src="test.jpg"/> jQuery 代碼:$("img").attr("src"); 結(jié)果:test.jpg§ attr(properties)將一個(gè)“名/值”形式的對(duì)象設(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): 作為屬性的“名/值對(duì)”對(duì)象 示例說(shuō)明:為所有圖像設(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è)置一個(gè)屬性值。 可以是由$規(guī)則表達(dá)式提供的計(jì)算值,見示例2。 注意,不能在IE中設(shè)置input元素的name屬性。可以使用$(html)或.append(html)或.html(html)動(dòng)態(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è)置的值 示例說(shuō)明:為所有圖像設(shè)置src屬性。HTML 代碼:<img/> jQuery 代碼:$("img").attr("src","test.jpg"); 結(jié)果:<img src="test.jpg"/> 說(shuō)明:以src屬性的值作為title屬性的值。使用了attr(String,Function)的簡(jiǎn)寫方式。HTML 代碼:<img src="test.jpg" /> jQuery 代碼:$("img")
36、.attr("title", "$this.src"); 結(jié)果:<img src="test.jpg" title="test.jpg" />§ attr(key, value)為所有匹配的元素設(shè)置一個(gè)計(jì)算的屬性值。 不提供值,而是提供一個(gè)函數(shù),由這個(gè)函數(shù)計(jì)算的值作為屬性值。 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ù) 示例說(shuō)明:把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()取得第一個(gè)匹配元素的html內(nèi)容。這個(gè)函數(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è)置每一個(gè)
39、匹配元素的html內(nèi)容。這個(gè)函數(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)從每一個(gè)匹配的元素中刪除一個(gè)屬性。 Remove an attribute from each of the matched elements.返回值jQuery參數(shù)§ name (String): 要?jiǎng)h除的屬性名 示例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): (可選) 要?jiǎng)h除的類名 示例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)容組合起來(lái)的文本。這個(gè)方法對(duì)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示例說(shuō)明:取得所有段落中文本內(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)容。這個(gè)函數(shù)與html()函數(shù)具有同樣的效果。 Set the text contents of all matched elements. This has the same effect as html().返回值String參數(shù)§ val (String): 文本內(nèi)容 示例說(shuō)明:設(shè)置所有段落的文本內(nèi)容。HTML 代碼:<p>Test Paragraph.</p> j
45、Query 代碼:$("p").text("Some new text."); 結(jié)果:<p>Some new text.</p>§ toggleClass(class)如果存在(不存在)就刪除(添加)一個(gè)類。 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()獲得第一個(gè)匹配元素的當(dāng)前值。 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è)置每一個(gè)匹配元素的值。 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)在每個(gè)匹配的元素之后插入內(nèi)容。 Insert content after each of the matched elements.返回值jQuery參數(shù)§ content (<Content>): 插入到每個(gè)目標(biāo)后的內(nèi)容 示例說(shuō)明:在所有段落之后插入一些HTML標(biāo)記代碼
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> 說(shuō)明:在所有段落之后插入一個(gè)元素。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> 說(shuō)明:在所有段落中后插入一個(gè)jQuery對(duì)象(類似于一個(gè)DOM元素?cái)?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)向每個(gè)匹配的元素內(nèi)部追加內(nèi)容。 這個(gè)操作與對(duì)指定的元素執(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>): 要追加到目標(biāo)中的內(nèi)容 示例說(shuō)明:向所有段落中追加一些HTML標(biāo)記。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> 說(shuō)明:向所有段落中追
53、加一個(gè)元素。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> 說(shuō)明:向所有段落中追加一個(gè)jQuery對(duì)象(類似于一個(gè)DOM元素?cái)?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)把所有匹配的元素追加到另一個(gè)、指定的元素元素集合中。實(shí)際上,使用這個(gè)方法是顛倒了常規(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表達(dá)式 示例說(shuō)明:把所有段落追加到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)在每個(gè)匹配的元素之前插入內(nèi)容。 Insert content before each of the matched elements.返回值jQue
57、ry參數(shù)§ content (<Content>): 插入到每個(gè)目標(biāo)前的內(nèi)容 示例說(shuō)明:在所有段落之前插入一些HTML標(biāo)記代碼。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> 說(shuō)明:在所有段落之前插入一個(gè)元素。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> 說(shuō)明:在所有段落中前插入一個(gè)jQuery對(duì)象(類似于一個(gè)DOM元素?cái)?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í)這個(gè)函數(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é)點(diǎn)設(shè)置為false 示例說(shuō)明:克隆所有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> 說(shuō)明:只克隆所有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é)點(diǎn)。 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)把所有匹配的元素插入到另一個(gè)、指定的元素元素集合的后面。實(shí)際上,使用這個(gè)方法是顛倒了常規(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表達(dá)式 示例說(shuō)明:與 $("#foo").after
溫馨提示
- 1. 本站所有資源如無(wú)特殊說(shuō)明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。
最新文檔
- 貴州財(cái)經(jīng)大學(xué)《創(chuàng)業(yè)團(tuán)隊(duì)管理》2023-2024學(xué)年第一學(xué)期期末試卷
- 2025年甘肅省建筑安全員C證考試題庫(kù)
- 2025年河南省安全員《C證》考試題庫(kù)
- 貴陽(yáng)學(xué)院《山水寫生》2023-2024學(xué)年第一學(xué)期期末試卷
- 廣州應(yīng)用科技學(xué)院《游戲制作與開發(fā)》2023-2024學(xué)年第一學(xué)期期末試卷
- 廣州鐵路職業(yè)技術(shù)學(xué)院《建筑力學(xué)(上)》2023-2024學(xué)年第一學(xué)期期末試卷
- 2025四川省安全員-C證考試(專職安全員)題庫(kù)附答案
- 2025云南省建筑安全員《C證》考試題庫(kù)及答案
- 6.4.2向量在物理中的應(yīng)用舉例【超級(jí)課堂】2022-2023學(xué)年高一數(shù)學(xué)教材配套教學(xué)精-品課件+分層練習(xí)人教A版2019必修第二冊(cè)
- 材料力學(xué)課件-動(dòng)載荷
- 綠化苗木組織供應(yīng)及售后服務(wù)方案
- 盤拉機(jī)操作手冊(cè)新
- YY∕T 0314-2021 一次性使用人體靜脈血樣采集容器
- 第五章_油樣分析
- 期中考試質(zhì)量分析PPT.ppt
- 儲(chǔ)罐受限空間作業(yè)方案DOC
- 壓力容器耐壓試驗(yàn)
- 課程設(shè)計(jì)---年產(chǎn)5.6萬(wàn)噸乙醇精餾塔的設(shè)計(jì)
- 冷軋輥激光毛化工藝簡(jiǎn)介
- 成本核算-石油化工
- 《工程勘察設(shè)計(jì)收費(fèi)管理規(guī)定》計(jì)價(jià)格【2002】10號(hào)
評(píng)論
0/150
提交評(píng)論