jQuery对DOM节点进⾏操作（插⼊节点之在元素内部插⼊）1.定义和⽤法
  append(content)：为所有匹配的元素的内部追加内容（在被选元素的结尾插⼊内容）
  ⽰例：
<body>
<script type="text/javascript">
//⼊⼝函数
$(document).ready(function(){
// 创建⽂本节点
var $jsp = $("<h1>hello world</h1>")
//插⼊
$("#box").append($jsp)
})
</script>
<div id="box"></div>
</body>
  输出：
  appendTo(content)：将所有匹配的元素添加到另⼀个元素集合中（在被选元素的结尾插⼊内容）
<body>
<script type="text/javascript">
//⼊⼝函数
$(document).ready(function(){
// 创建⽂本节点
var $jsp = $("<h1>hello world</h1>")
//插⼊
$jsp.appendTo("#box")
})
</script>
<div id="box"></div>
</body>
  输出：
  prepend(content)：在被选元素的开头插⼊内容
  ⽰例：
<body>
<script type="text/javascript">
//⼊⼝函数
$(document).ready(function(){
// 创建⽂本节点
var $jsp = $("<h1>hello world</h1>")
//插⼊
$("#box").prepend($jsp)
})
</script>
jquery在一个元素后追加标签<div id="box">123</div>
</body>
  输出：
  prependTo(content)：将所有匹配的元素插⼊到另⼀个元素集合中的开头
  ⽰例：
<body>
<script type="text/javascript">
//⼊⼝函数
$(document).ready(function(){
// 创建⽂本节点
var $jsp = $("<h1>hello world</h1>")
//插⼊
$jsp.prependTo($("#box"))
})
</script>
<div id="box">123</div>
</body>
  输出：

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。