function jq(){
$(“#test”).append(“<b>Hello</b>”);
}执行后相当于
<a href=”#” onClick=”jq()”>jQuery<b>Hello</b></a>同理还有append(elem) append(elems) before(html) before(elem) before(elems)请执行参照append和after的方来测试、理解!
appendTo(expr) 与append(elem)相反
<p id=”test”>after</p><a href=”#” onClick=”jq()”>jQuery</a>jQuery代码及功能function jq(){
$(“a”). appendTo ($(“#test”));
}执行后相当于
<p id=”test”>after<a href=”#” onClick=”jq()”>jQuery</a> </p>
clone() 复制一个jQuery对象
<p id=”test”>after</p><a href=”#” onClick=”jq()”>jQuery</a>jQuery代码及功能:
function jq(){
$(“#test”).clone().appendTo($(“a”));
}复制$(“#test”)然后插入到<a>后,执行后相当于
<p id=”test”>after</p><a href=”#” onClick=”jq()”>jQuery</a><p id=”test”>after</p>
empty() 删除匹配对象的所有子节点
<div id=”test”>
<span>span</span>
<p>after</p>
</div>
<a href=”#” onClick=”jq()”>jQuery</a>jQuery代码及功能:function jq(){
$(“#test”).empty();
}执行后相当于
<div id=”test”></div><a href=”#” onClick=”jq()”>jQuery</a>
insertAfter(expr) insertBefore(expr)
按照官方的解释和我的几个简单测试insertAfter(expr)相当于before(elem),insertBefore(expr)相当于after (elem)
prepend (html) prepend (elem) prepend (elems) 在匹配元素的内部且开始出插入
通过下面例子区分append(elem) appendTo(expr) prepend (elem)










