【jQuery appendTo()】appendTo()方法用于在所选元素的末尾添加其他内容。它与jQuery append()方法相同。 append()和appendTo()方法之间只有语法上的区别。
句法:
$(content).appendTo(selector)
jQuery appendTo()方法的示例让我们以一个示例来演示jQuery appendTo()方法。
<
!DOCTYPE html>
<
html>
<
head>
<
script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js">
<
/script>
<
script>
$(document).ready(function(){
$("button").click(function(){
$("<
span>
<
b>
Hello srcmini.com<
/b>
<
/span>
").appendTo("p");
});
});
<
/script>
<
/head>
<
body>
<
button>
Add new content at the end of each p element<
/button>
<
p>
I am a new reader.<
/p>
<
p>
I am also a new reader.<
/p>
<
/body>
<
/html>
立即测试
推荐阅读
- jQuery attr()
- jQuery append()
- jQuery animate()
- jQuery after()
- jQuery addClass()
- jQuery中的append()和prepend(),after()和before()的差别
- h5+css3+jquery实现web app界面及简单功能
- 如何使用jQuery检查元素是否包含类()
- jQuery如何使用clone()方法(代码示例)