内部插入节点的方法

(1)append(content)方法:content 表示追加到目标中的内容,像所选择的元素内部插入内容。

例如:

<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("p").append(" <b>Hello world!</b>");
});
});
</script>

语法:$(selector).append(content)

(2) appendTo(content) 方法:在被选元素的结尾(仍然在内部)插入指定内容

例如:

<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("<b> Hello World!</b>").appendTo("p");
});
});
</script>

语法:$(content).appendTo(selector)

(3)prepend() 方法:在被选元素的开头(仍位于内部)插入指定内容。

例如:

<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("p").prepend("<b>Hello world!</b> ");
});
});
</script>

语法:$(selector).prepend(content)

(4)prependTo() 方法:在被选元素的开头(仍位于内部)插入指定内容。

<script type="text/javascript">
$(document).ready(function(){
$(".btn1").click(function(){
$("<b>Hello World!</b>").prependTo("p");
});
});
</script>

语法:$(content).prependTo(selector)

原文地址:https://www.cnblogs.com/sophiehui/p/5777346.html