首页 > Web开发 > 详细

jquery学习之1.14-删除节点

时间:2014-03-28 12:12:13      阅读:482      评论:0      收藏:0      [点我收藏+]

删除节点操作:

bubuko.com,布布扣

代码如下:

bubuko.com,布布扣
 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>
View Code

jquery学习之1.14-删除节点,布布扣,bubuko.com

jquery学习之1.14-删除节点

原文:http://www.cnblogs.com/luckyflower/p/3629283.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!