您的位置：首页 > Web前端 > JQuery

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

2014-03-06 16:40 225 查看

如需删除元素和内容，一般可使用以下两个 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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： jquery

相关文章推荐

新的分享

章节导航