jquery学习之1.14-删除节点

浏览数：17 / 时间：2015年06月09日

删除节点操作：

代码如下：

 1 <%@ page language="java" import="java.util.*"
 2  pageEncoding="utf-8"%>
 3 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 4 <html>
 5   <head>
 6   <title>11</title>    
 7   <style type="text/css">
 8   .one {width:30%;height:20%;background:#ff00ff;}
 9   </style>
10   <script type="text/javascript" src="../js/jquery-1.11.0.js">
11   </script>
12   <script language="javascript">
13    $(document).ready(function()
14   {      
15       //***********************给ul中添加一个li节点*******
16      $("#bt1").click(
17      function()
18      {                  
19      //***********删除所有p******************************
20       $("p").remove();      
21       
22            }
23      ); 
24     $("#bt2").click(function (){
25     //清空
26     $("p").empty();
27     });
28     $("#bt3").click(function (){
29     //删除指定元素
30     $("#li1").remove();
31     });
32       
33    });  
34   </script>
35   </head> 
36   <body>
37     <input type="button"  id="bt1" value="删除所有p" ></input>   
38   <input type="button"  id="bt2" value="所有p清空" ></input>   
39  <input type="button"  id="bt3" value="删除指定li1，即选择1" ></input>   
40    <p>hhha</p>
41    <ul id="select">
42         <li id="li1">选择1</li>
43         <li id="li2">选择2</li>
44    <li id="li3">选择3</li>
45    <li id="li4">选择4</li>
46    <li id="li5">选择5</li>
47    </ul>
48     <div id="div1" title="第一个div" style="border:1px solid;width:20%;height:30%;float:left">div1</div> 
49      <br>
50   </body>
51 </html>