jquery如何删除html中的元素呢?


摘要:
下文使用jquery删除html中的元素的方法分享,如下所示:

实现思路:
    使用jquery的remove()
	 或
	 empty() 
	 方法即删除相应的元素

注意事项:
    empty方法只会清除指定元素中的内容

例:
jquery 删除元素的示例

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>maomao365.com-删除html页面中元素的示例</title> 
        <script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.0/jquery.js" ></script> 

 <style>
     div{
       margin:10px;
	   height:60px;
	   width:130px;
	   color:white;
	   background-color:green;
      } 

</style>

<script>
$(document).ready(function(){
  
  $("#btn1").click(function(){
    $("#div1").remove();
    }); 

  $("#btn2").click(function(){
    $("#div2").empty();
    });
 });
</script>

    </head>
    <body>

	<p>
 maomao365.com <br />
 jquery 删除html页面中元素的示例分享
	</p>
	<hr />
        <div id="div1">
            我是DIV1
        </div>
        <br>
        <div id="div2">
             我是DIV2
        </div>
        <button id="btn1">remove删除方法</button>
        <button id="btn2">empty清除内容</button>
    </body>
</html>
jquery删除html中元素的示例分享

jquery删除html中元素的示例分享