jQuery 添加和删除HTML元素

最新推荐文章于 2023-03-02 20:15:58 发布

VIP文章书和咖啡

最新推荐文章于 2023-03-02 20:15:58 发布

阅读量337

点赞数

分类专栏： jQuery

本文链接：https://blog.csdn.net/ivenqin/article/details/119464835

版权

本节我们学习如何使用 jQuery 中的方法来添加和删除 HTML 元素。

jQuery 中用于添加 HTML 元素的方法有如下几种：

方法	描述
append()	在所选元素的末尾插入内容
prepend()	在选定元素的开头插入内容
after()	在选定元素后插入内容
before()	在选定元素之前插入内容

而用于删除元素的方法有：

方法	描述
remove()	删除被选元素容，包括子元素
empty()	删除被选元素的所有子节点和内容

append()方法

append() 方法可以在指定元素的末尾插入内容。

语法如下：

$(selector).append(content,function(index,html))

content：规定要插入的内容，可以包含 HTML 元素、jQuery 对象、DOM 元素。
function(index,html)：规定返回待插入内容的函数，index 为集合中元素的索引位置，html 为被选元素的当前 HTML。

示例：

我们来看下面这个例子：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery_侠课岛(9xkd.com)</title>
<script src="jquery-3.5.1.min.js"></script>
<script>
  $(function(){
     
    $("button").click(function(){
     
      $("p").append("侠课岛");
    });
  });
</script>
</head>
<body>
  <p>你好，我的名字叫做：</p>
  <button

最低0.47元/天解锁文章

书和咖啡

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
jQuery 添加和删除HTML元素

本节我们学习如何使用 jQuery 中的方法来添加和删除 HTML 元素。jQuery 中用于添加 HTML 元素的方法有如下几种：方法描述append()在所选元素的末尾插入内容prepend()在选定元素的开头插入内容after()在选定元素后插入内容before()在选定元素之前插入内容而用于删除元素的方法有：方法描述remove()删除被选元素容，包括子元素empty()删除被选元素的所有子节点和内容app
复制链接

扫一扫