DOM内部添加标签

最新推荐文章于 2024-08-17 10:24:46 发布

weixin_54664933

最新推荐文章于 2024-08-17 10:24:46 发布

阅读量818

点赞数

分类专栏： jQuery 文章标签： jquery

本文链接：https://blog.csdn.net/weixin_54664933/article/details/118291828

版权

本文介绍了在DOM操作中如何使用jQuery的append()、appendTo()、prepend()和prependTo()方法来添加元素。通过实例展示了这些方法的区别，包括它们在插入内容和目标元素位置上的差异，并提供了相关代码示例和效果展示。

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

首先打开VS开发工具，新建项目保存。添加文件夹Content,将css插件引用到视图上，写一个标签。我们将在标签里面写它们对应的一个功能代码。

DOM内部append()与appendTo()以及prepend()与prependTo()的用法。

第一步：先将它的一个基本样式布局好，引入css插件和js插件。（引入插件这一块是一样的）

在这里插入图片描述

第二步：给body标签设置内边距20px，给其他的div添加宽高设置颜色、外边距上下10px左右居中。详细图看下面：
在这里插入图片描述

通过所写的样式我们可以知道，我们是通过点击按钮来进行触发效果的。所以写的时候id不管你写的是啥，但是都得进行区分。下面是效果图：
在这里插入图片描述

区分开后我们开始学习append()与appendTo()以及prepend()与prependTo()的使用方法和它们之间的区别。先从append()与appendTo()这两个方法开始。

首先我们先了解它们。append(content|fn):向每个匹配的元素内部追加内容。这个操作与对指定的元素执行appendChild方法，将它们添加到文档中的情况类

关注

专栏目录