prepend与append的区别

jquery中appendTo和prependTo函数都可以将元素添加到另一个元素,但是两个函数还是有一定却别的

appendTo(content): 是将所有匹配的元素添加到另一个特定的目标元素中,加入后作为最后一个子节点   

而prependTo():是将所有匹配的元素添加到另一个特定的目标元素中,加入作为第一个子节点

还有方法append(content)是向某匹配的元素内添加内容,他的用法和上面两个方向相反,是选择的元素在前面,被插入的内容在后面。嘿嘿,不好描述

看实例

$('#obj1').appendTo($('#obj2')) 这个是将 $('#obj1')) 插入到 $('#obj2') 中作为最后一个元素

$('#obj1').prependTo($('#obj2')) 这个是将 $('#obj1')) 插入到 $('#obj2') 中作为第一个子元素。

$('#obj1').append($('#obj2')) 这个要注意方向了, 是将$('#obj2') 插入到 $('#obj1')作为最后一个元素,或者说是在$('#obj1')最后面添加子元素$('#obj2')

原文地址:https://www.cnblogs.com/vincent_ds/p/2584248.html