jQuery文档处理

Posted 2020-11-03 miaoxingxiaoq

文档处理： 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>