• 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
  • 相关阅读:
    Delphi的IDE的快捷键
    XE4 There is no overloaded version GetTextExtentPoint32A
    正确安装DevExpress.ExpressQuantumGrid.Suite For D7
    按比例缩小图片(80分)
    Delphi 2010 新增功能之: TWICImage 类[3]
    Delphi image 等比例缩小
    delphi 图片加水印源代码
    DELPHI窗体属性
    delphi透明panel组件或者制作方法
    利用VB、Delphi轻松实现图像漫游
  • 原文地址:https://www.cnblogs.com/luckyflower/p/3629283.html
Copyright © 2020-2023  润新知