<script type="text/javascript">
$("#bt1").on('click', function() {
//找到class="aaron1"的div节点
//然后通过prepend在内部的首位置添加一个新的p节点
$('.aaron1')
.prepend('<p>prepend增加的p元素</p>','<p>我是p元素2</p>')
})
//这个例子中,就可以前置多个子元素
</script>
<script type="text/javascript">
$("#bt2").on('click', function() {
//找到class="aaron2"的div节点
//然后通过prependTo内部的首位置添加一个新的p节点
$('<p>prependTo增加的p元素</p>','<p>我是p元素2</p>')
.prependTo($('.aaron2'))
})
//在这个例子中,却无法前置多个子元素,是不是JQ这个方法有缺陷?
</script>
自己搞错了,已经弄明白了。
经实际操作 总结如下:
.append() 插入子元素
.prepend() 前置子元素
.after() 插入兄弟元素
.before() 前置兄弟元素
都是方法(函数)在前,内容(参数)在后 可以支持多参数;
.appendTo() 插入子元素
.prependTo() 前置子元素
.insertBefore() 前置兄弟元素
.insertAfter() 插入兄弟元素
都是内容(参数)在前,函数(方法)在后,不支持多参数
.prepend()方法将指定元素插入到匹配元素里面作为它的第一个子元素 (如果要作为最后一个子元素插入用.append()).