我的第十五课：jQuery - 删除元素

最新推荐文章于 2023-08-06 11:33:39 发布

没有一明天

最新推荐文章于 2023-08-06 11:33:39 发布

阅读量520

点赞数

分类专栏： jquery学习文章标签： jquery

本文链接：https://blog.csdn.net/meiyouyimingtian/article/details/20636787

版权

jquery学习专栏收录该内容

16 篇文章 0 订阅

订阅专栏

如需删除元素和内容，一般可使用以下两个 jQuery 方法：

remove() - 删除被选元素（及其子元素）
empty() - 从被选元素中删除子元素

代码如下：

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<html>
<head>
      <script type="text/javascript" src="js/jquery-1.7.1.js"></script>
      <script type="text/javascript">
            $(document).ready(
               function(){
                   $("#deletes").click(
                      function(){
                        $("#div1").remove();
                      }
                   );

                   $("#delete2").click(
                      function(){
                        $("#div1").empty();
                      }
                   );

                   $("#delete3").click(
                      function(){
                        $("p").remove(".di");
                      }
                   );
               }
            );
      </script>

</head>
<body>
       <div id="div1" style="background: yellow;width: 200px;height:100px;border: 1">
           <p class="di">第一段</p>
           <p>第二段</p>
           <p>第三段</p>
       </div>
       <button id="deletes">删除整个div</button>
       <button id="delete2">晴空div元素</button>
       <button id="delete3">删除某行div元素</button>
</body>
</html>

没有一明天

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
我的第十五课：jQuery - 删除元素

如需删除元素和内容，一般可使用以下两个 jQuery 方法：remove() - 删除被选元素（及其子元素）empty() - 从被选元素中删除子元素代码如下： $(document).ready( function(){ $("#
复制链接

扫一扫

专栏目录