(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)