Jquery小案例

<script type="text/javascript" src="../js/jquery-1.8.2.min.js"></script>
  <body>
        <ul id="city">
            <li id="bj" name="beijing" >北京</li>
            <li id="tj" name="tianjin"> 天津</li>
             <li id="cq" name="chongqing">重庆</li>
        </ul>
            
        <script type="text/javascript">  
          var $hz=$("<li></li>");     //创建<li></li>          $("<li></li>")代表创建元素
            $hz.attr("id","hz");      //添加属性<li id="hz" name="hangzhou"></li> attr代表添加元素
            $hz.attr("name","hangzhou");
            $hz.text("杭州");          //添加文本       text代表添加文本
            $("#city").append($hz);   //把节点挂载到父节点下即可  
    
         //移除节点信息
         var $cq=$("#cq").remove();  //可以获得移除节点 的元素  remove()代表删除节点
         //移除属性信息
         alert($cq.attr("name"));    //移除属性信息        attr("name"),如果只有一个属性就代表通过name值得到属性名,这里得到chongqing
         $("#city").empty();         清空节点
        </script>    
  </body>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值