jQuery中的添加方法

最新推荐文章于 2022-08-13 08:27:56 发布

HzZyYYY

最新推荐文章于 2022-08-13 08:27:56 发布

阅读量526

点赞数

本文链接：https://blog.csdn.net/qq_44820039/article/details/106444055

版权

本文详细解析jQuery中的添加元素方法，包括before()、insertBefore()、after()、insertAfter()、append()和appendTo()。通过实例演示了它们的区别和用法，帮助读者理解和记忆这些常用方法。

摘要由CSDN通过智能技术生成

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"

关注