jQuery的DOM操作之删除对象

最新推荐文章于 2024-10-04 17:24:00 发布

听海边涛声

最新推荐文章于 2024-10-04 17:24:00 发布

阅读量329

点赞数 3

文章标签： jquery 前端 javascript

本文链接：https://blog.csdn.net/panghuangang/article/details/141997115

版权

说明

remove()：删除指定元素
empty()：删除指定元素的所有子元素

示例

remove()

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <script src="js/jquery-3.7.1.js"></script>
</head>

<body>
  <ul id="city">
    <li id="bj" name="beijing">北京</li>
    <li id="sh" name="shanghai">上海</li>
    <li id="sz" name="shenzhen">深圳</li>
  </ul>

  <script>
    $('#bj').remove()
  </script>
</body>

</html>

在这里插入图片描述

empty()

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <script src="js/jquery-3.7.1.js"></script>
</head>

<body>
  <ul id="city">
    <li id="bj" name="beijing">北京</li>
    <li id="sh" name="shanghai">上海</li>
    <li id="sz" name="shenzhen">深圳</li>
  </ul>

  <p>hello</p>

  <script>
    $('#city').empty()
  </script>
</body>

</html>