使用appendTo()方法向被选元素内插入内容
appendTo()方法也可以向指定的元素内插入内容,它的使用格式是:
$(content).appendTo(selector)
参数content表示需要插入的内容,参数selector表示被选的元素,即把content内容插入selector元素内,默认是在尾部。
例如,使用appendTo()方法,将<div>外的<span>元素插入<div>内,如下图所示:
- <body>
- <h3>appendTo()方法插入内容</h3>
- <div>
- <span class="green">爱思资源网</span>
- </div>
- <script type="text/javascript">
- var $html = "<span class='red'>专注Web前端开发</span>"
- $($html).appendTo("div");
- </script>
- </body>
- </html>