jQuery(3-5)删除节点

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>删除节点.html</title>
 
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
   
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

 
 
  <script type="text/javascript" src="../jquery-1.7.1.js"></script>
  </head>
 
  <body style ="background-color: cyan">
  <h3><br></h3><h3>水果</h3>
  <p title="选择你喜欢的水果"> 你喜欢的水果是?</p>
  <ul style="background-color: purple">
  <li title ="苹果 ">苹果</li>
  <li title ="橘子 ">橘子</li>
  <li title ="菠萝 ">菠萝</li>
  <li title ="香蕉 ">香蕉</li>
  <li title ="梨子 ">梨子</li>
  </ul>
  </body>
  <script type="text/javascript">
/*  $(function(){
  $('ul li:eq(1)').remove(); 
// remove()获取 ul中 的 li的 第2个元素 并且 删除 
  });

*/
 
 /*  $(function(){
   $('ul li:eq(1)').remove(); 
// remove()获取 ul中 的 li的 第2个元素 并且 删除 
   var $a = $('ul').text();
  alert($a);  //打印出来 是没有 橘子的 
 
   $aa.appendTo('ul');//将元素 重新添加到 ul 中
 $('ul li:eq(1)').appendTo('ul'); //用appendTo方法也可以用来移动元素 
  //移动元素首先 要从文档里面删除此元素  然后将该元素 插入文档的 制定节点   
 
  });*/
 
 /* $(function(){
    $("ul li").remove("li[title !=菠萝]");  
//remove()也可以通过参数 选择性的删除 节点
      //将 <li>元素 中属性title不等于 菠萝的全部 干掉
 
  });*/
 
/*   $(function(){
    $("ul li:eq(0)").empty();  
//empty()清空节点中的类容 
  });*/
 </script>
 
 
</html>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值