zoukankan      html  css  js  c++  java
  • jquery学习之1.14-删除节点

    删除节点操作:

    代码如下:

     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;20%;height:30%;float:left">div1</div> 
    49      <br>
    50   </body>
    51 </html>
    View Code
  • 相关阅读:
    奶酪真香
    规格说明书
    33
    111
    出题
    随笔 01
    我爱奶酪
    用户规格说明书
    第二次结对作业
    结对作业1
  • 原文地址:https://www.cnblogs.com/luckyflower/p/3629283.html
Copyright © 2011-2022 走看看