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 them into the document.
返回值
jQuery
參數(shù)
content (String, Element, jQuery) : C要追加到目標(biāo)中的內(nèi)容
示例
向所有段落中追加一些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> ]
-
--------------------------------------------------------------------------------------------------------------------------------------------------
appendTo(content)
把所有匹配的元素追加到另一個(gè)、指定的元素元素集合中。
實(shí)際上，使用這個(gè)方法是顛倒了常規(guī)的$(A).append(B)的操作，即不是把B追加到A中，而是把A追加到B中。
--------------------------------------------------------------------------------
Append all of the matched 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ù)
content (String) :用于被追加的內(nèi)容
示例
把所有段落追加到ID值為foo的元素中。
HTML 代碼:
<p>I would like to say: </p><div id="foo"></div>
jQuery 代碼:
$("p").appendTo("#foo");
結(jié)果:
<div id="foo"><p>I would like to say: </p></div>
--------------------------------------------------------------------------------------------------------------------------------------------------
prepend(content)
向每個(gè)匹配的元素內(nèi)部前置內(nèi)容。
這是向所有匹配元素內(nèi)部的開(kāi)始處插入內(nèi)容的最佳方式。
--------------------------------------------------------------------------------
Prepend content to the inside of every matched element.
This operation is the best way to insert elements inside, at the beginning, of all matched elements.
返回值
jQuery
參數(shù)
content (String, Element, jQuery) : 要插入到目標(biāo)元素內(nèi)部前端的內(nèi)容
示例
向所有段落中前置一些HTML標(biāo)記代碼。
HTML 代碼:
<p>I would like to say: </p>
jQuery 代碼:
$("p").prepend("<b>Hello</b>");
結(jié)果:
[ <b>Hello</b><p>I would like to say: </p> ]
--------------------------------------------------------------------------------
將一個(gè)DOM元素前置入所有段落
HTML 代碼:
<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>
jQuery 代碼:
$("p").prepend( $(".foo")[0] );
結(jié)果:
<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>
--------------------------------------------------------------------------------
向所有段落中前置一個(gè)jQuery對(duì)象(類似于一個(gè)DOM元素?cái)?shù)組)。
HTML 代碼:
<p>I would like to say: </p><b>Hello</b>
jQuery 代碼:
$("p").prepend( $("b") );
結(jié)果:
<p><b>Hello</b>I would like to say: </p>
--------------------------------------------------------------------------------------------------------------------------------------------------
prependTo(content)
把所有匹配的元素前置到另一個(gè)、指定的元素元素集合中。
實(shí)際上，使用這個(gè)方法是顛倒了常規(guī)的$(A).prepend(B)的操作，即不是把B前置到A中，而是把A前置到B中。
--------------------------------------------------------------------------------
Prepend all of the matched elements to another, specified, set of elements.
This operation is, essentially, the reverse of doing a regular $(A).prepend(B), in that instead of prepending B to A, you're prepending A to B.
返回值
jQuery
參數(shù)
content (String) :用于匹配元素的jQuery表達(dá)式
示例
把所有段落追加到ID值為foo的元素中。
HTML 代碼:
<p>I would like to say: </p><div id="foo"></div>
jQuery 代碼:
$("p").prependTo("#foo");
結(jié)果:
<div id="foo"><p>I would like to say: </p></div>
--------------------------------------------------------------------------------------------------------------------------------------------------
after(content)
在每個(gè)匹配的元素之后插入內(nèi)容。
--------------------------------------------------------------------------------
Insert content after each of the matched elements.
返回值
jQuery
參數(shù)
content (String, Element, jQuery) : 插入到每個(gè)目標(biāo)后的內(nèi)容
示例
在所有段落之后插入一些HTML標(biāo)記代碼。
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>
--------------------------------------------------------------------------------
在所有段落之后插入一個(gè)DOM元素。
HTML 代碼:
<b id="foo">Hello</b><p>I would like to say: </p>
jQuery 代碼:
$("p").after( $("#foo")[0] );
結(jié)果:
<p>I would like to say: </p><b id="foo">Hello</b>
--------------------------------------------------------------------------------
在所有段落中后插入一個(gè)jQuery對(duì)象(類似于一個(gè)DOM元素?cái)?shù)組)。
HTML 代碼:
<b>Hello</b><p>I would like to say: </p>
jQuery 代碼:
$("p").after( $("b") );
結(jié)果:
<p>I would like to say: </p><b>Hello</b>
--------------------------------------------------------------------------------------------------------------------------------------------------
before(content)
在每個(gè)匹配的元素之前插入內(nèi)容。
--------------------------------------------------------------------------------
Insert content before each of the matched elements.
返回值
jQuery
參數(shù)
content (String, Element, jQuery) : 插入到每個(gè)目標(biāo)前的內(nèi)容
示例
在所有段落之前插入一些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> ]
--------------------------------------------------------------------------------
在所有段落之前插入一個(gè)元素。
HTML 代碼:
<p>I 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>
--------------------------------------------------------------------------------
在所有段落中前插入一個(gè)jQuery對(duì)象(類似于一個(gè)DOM元素?cái)?shù)組)。
HTML 代碼:
<p>I would like to say: </p><b>Hello</b>
jQuery 代碼:
$("p").before( $("b") );
結(jié)果:
<b>Hello</b><p>I would like to say: </p>
--------------------------------------------------------------------------------------------------------------------------------------------------
insertAfter(content)
把所有匹配的元素插入到另一個(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ù)
content (String) : 用于匹配元素的jQuery表達(dá)式
示例
在所有段落之后插入一個(gè)元素。與 $("#foo").after("p")相同
HTML 代碼:
<p>I would like to say: </p><div id="foo">Hello</div>
jQuery 代碼:
$("p").insertAfter("#foo");
結(jié)果:
<div id="foo">Hello</div><p>I would like to say: </p>
-------------------------------------------------------------------------------------------------------------------------------------------------
insertBefore(content)
把所有匹配的元素插入到另一個(gè)、指定的元素元素集合的前面。
實(shí)際上，使用這個(gè)方法是顛倒了常規(guī)的$(A).before(B)的操作，即不是把B插入到A前面，而是把A插入到B前面。
--------------------------------------------------------------------------------
Insert all of the matched elements before another, specified, set of elements.
This operation is, essentially, the reverse of doing a regular $(A).before(B), in that instead of inserting B before A, you're inserting A before B.
返回值
jQuery
參數(shù)
content (String) : 用于匹配元素的jQuery表達(dá)式
示例
在所有段落之前插入一個(gè)元素。與 $("#foo").before("p")相同。
HTML 代碼:
<div id="foo">Hello</div><p>I would like to say: </p>
jQuery 代碼:
$("p").insertBefore("#foo");
結(jié)果:
<p>I would like to say: </p><div id="foo">Hello</div>
