zoukankan      html  css  js  c++  java
  • jQuery 删除或是清空某个HTML元素示例

    jQuery使用下面两个方法来删除或是清空某个HTML元素。

    remove() – 删除指定的元素(包括其子元素)
    empty() – 清空指定元素的子元素

    1.remove() 

    <!DOCTYPE html> 
    <html> 
    <head> 
    <meta charset="utf-8"> 
    <title>JQuery Demo</title> 
    <script src="scripts/jquery-1.9.1.js"></script> 
    <script> 
    $(document).ready(function () { 
    $("button").click(function () { 
    $("#div1").remove(); 
    }); 
    }); 
    </script> 
    </head> 
    <body> 
     
    <div id="div1" style="height: 100px;  300px; 
    border: 1px solid black; background-color: yellow;"> 
    This is some text in the div. 
    <p>This is a paragraph in the div.</p> 
    <p>This is another paragraph in the div.</p> 
     
    </div> 
    <br> 
    <button>Remove div element</button> 
     
    </body> 
    </html>
    

    2.empty

    <!DOCTYPE html> 
    <html> 
    <head> 
    <meta charset="utf-8"> 
    <title>JQuery Demo</title> 
    <script src="scripts/jquery-1.9.1.js"></script> 
    <script> 
        $(document).ready(function () { 
            $("button").click(function () { 
            $("#div1").empty(); 
            }); 
        }); 
    </script> 
    </head> 
    <body> 
     
    <div id="div1" style="height: 100px;  300px; 
        border: 1px solid black; background-color: yellow;"> 
        This is some text in the div. 
        <p>This is a paragraph in the div.</p> 
        <p>This is another paragraph in the div.</p> 
    </div> 
    <br> 
    <button>Empty the div element</button> 
     
    </body> 
    </html>
    

    转:http://www.jb51.net/article/53199.htm

  • 相关阅读:
    影像数据的裁切和保存(源代码)
    C#读取EXIF信息类多
    C#里到底怎么样才能嵌入汇编?
    using和回收资源
    两个由栈组成的队列和两个由队列组成的栈
    C解两道题
    Inside WUAIntroduction
    轮子和做轮子
    致曾经整过的"框架"
    C#动态分配一维数组和二维数组函数
  • 原文地址:https://www.cnblogs.com/wangfuyou/p/5478046.html
Copyright © 2011-2022 走看看