jquery中提供了一些添加方法——
- before() insertBefore() 在前面添加兄弟元素
- after() insertAfter() 在后面追加兄弟元素
- append(),appendTo() 在父元素里面添加子元素
前两个是操子元素,第三个是在父元素中添加,看起相似,记起来也是很容易混淆,我每次用这几个方法都需要去查看笔记,今天将对这个几个元素进行分析,理解。
before() 、 insertBdfor()
befor() : a.before(b) a的前面是b
示例:
<p class="p1">这是第一个段落标签</p>
<p class="p2">这是另一个段落标签</p>
<script>
//错误示范
$(".p1").before(".p2")
</script>
此时页面中
将 .p2作为元素内容添加在了 p1 前面,所以 before() 里面不能是 dom元素。需要通过$(ele)来选中
改正
<script>
$("h1").before($(".p1"