Chinaunix首页 | 论坛 | 博客
  • 博客访问: 961736
  • 博文数量: 210
  • 博客积分: 0
  • 博客等级: 民兵
  • 技术积分: 2070
  • 用 户 组: 普通用户
  • 注册时间: 2014-11-19 21:54
文章分类

全部博文(210)

文章存档

2020年(2)

2019年(18)

2018年(27)

2017年(5)

2016年(53)

2015年(88)

2014年(17)

分类: jQuery

2018-03-13 19:15:55


点击(此处)折叠或打开

  1. <section class="content">
  2.             <div class="choose">
  3.                 <div class="choose-group">
  4.                     <p>选择一级群组</p>
  5.                 </div>
  6.                 <div class="choose-group-list">
  7.                     <select name="">
  8.                         <option value="0">政治时事</option>
  9.                         <option value="1">新闻咨询</option>
  10.                         <option value="2">娱乐风暴</option>
  11.                         <option value="3">浑水摸鱼</option>
  12.                     </select>
  13.                 </div>
  14.             </div>
  15.             <div class="add-content">
  16.                 <div class="add-group">
  17.                     <div class="group-name-box">
  18.                         <label for="gropu-name" class="group-name-box-title"><span class="bt">*</span>群组名称:</label>
  19.                         <input type="text" name="" maxlength="12" id="group-name" placeholder="请输群组名称">
  20.                     </div>
  21.                     <div class="group-name-box-con">
  22.                         <label for="" class="group-name-box-title"><span class="bt">*</span>群组说明:</label>
  23.                         
  24.                         <textarea name=""></textarea>
  25.                     </div>
  26.                 </div>
  27.             </div>
  28.             <div class="cz-btn">
  29.                 <div class="jxadd">继续添加</div>
  30.                 <div class="save">保存</div>

  31.             </div>
  32.     
  33.     </section>


点击(此处)折叠或打开

  1. <script type="text/javascript">
  2.         $(".del-btn").live("click",function(){
  3.             $(this).parents(".add-group").remove()
  4.         })
  5.         
  6.         $(".jxadd").click(function(){
  7.              var b = '
    删除
    '

  8.             $(".add-content").append(b)
  9.             


  10.         })




  11. </script>
append()方法:在备选元素的结尾,仍然在内部插入指定的内容
appendTo()方法 内容位置和选择器的位置不同
live()方法被选元素附加一个或多个时间处理程序,并规定当这些事件发生运行的函数
阅读(1092) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~