append():
<html
>
<head
>
<script src
="JQ"></script
>
<script type
="text/javascript">
$(document
).ready(function(){
$("button").click(function(){
$("p").append(" <b>Hello world!</b>");
});
});
</script
>
</head
>
<body
>
<p
>This is a paragraph
.</p
>
<p
>This is another paragraph
.</p
>
<button
>在每个 p 元素的结尾添加内容
</button
>
</body
>
</html
>
没有点击前： 点击后：
appendTo():
<html
>
<head
>
<script src
="JQ"></script
>
<script type
="text/javascript">
$(document
).ready(function(){
$("button").click(function(){
$("<b> Hello World!</b>").appendTo("p");
});
});
</script
>
</head
>
<body
>
<p
>This is a paragraph
.</p
>
<p
>This is another paragraph
.</p
>
<button
>在每个 p 元素的结尾添加内容
</button
>
</body
>
</html
>
点击前： 点击后：
