文档处理: append()、 appendto()、prepend()、after()、before()、clone():
append是在元素内部追加后置(元素之内,内容之后)内容,appendto是将现有内容后置(元素之内,内容之后)追加到元素内,而html中是替换当前所有内容。
append():方法在被选元素的结尾(仍然在内部)插入指定内容,例子:var html = "<div id='test' title='hi'>1234567</div>"
$("#diva").append(html); <div id='test'><div id='test' title='hi'>1234567</div></div>appendto():内容追加到某元素中,例子:
<p>eat chicken</p>$("p").appendTo("div");<div><p>eat chicken: </p></div>prepend():向某元素前置追加一些元素,例子:
$("p").prepend("<b>Hello</b>");<p><b>Hello</b>eat chicken</p>after():在元素之后追加元素,例子:
$("p").after("<b>Hello</b>");<p>eat chicken: </p><b>Hello</b>before():在元素之前插入元素,例子:
$("p").before("<b>Hello</b>"); <b>Hello</b><p>eat chicken: </p>把元素用一个新创建的元素包裹起来,例子:
$("p").wrap("<div class='wrap'></div>")<div class='wrap'><p></p></div>empty():所有元素的子元素(包括文本节点)删除,例子:
<p>Hello, <span>Person</span> <a href="#">and person</a></p>$("p").empty();<p></p>clone():克隆某元素并且前置追加到某元素:
$("b").clone().prependTo("p");<p><b></b>eat chicken</p>