java学习

java学习

 

jquery添加节点和删除节点例子

<html>
<body>
<input type="button" value="add row" id="addrow"/>
<table>
 <tr>
  <td width="20"><input type="checkbox" /><td>
  <td>dddddddd</td>
 </tr>
</table>

</body>
<script type="text/javascript" src="jquery-1.5.1.min.js"></script>
<script type="text/javascript" >
 $(document).ready(function(){
  $('input[type="checkbox"]').live('click',function(){//live给新添加的节点添加事件
   $(this).parent().parent().remove();
  });
  $('addrow').mouseover(function(){
   $(this).css('color','red');
  });
    $('addrow').mouseout(function(){
   $(this).css('color','red');
  });

  $('#addrow').click(function(){
  
   var tr = $('<tr>');
   var td1 = $('<td>');
   td1.attr('width','20');
   var input = $('<input>');
   input.attr('type','checkbox');
   var td2 = $('<td>');
   td2.text('aaaa');
   td1.append(input);
   tr.append(td1);
   tr.append(td2);
   //$('table').append(tr);
   $('tbody tr:first').before(tr);
  });
 });
</script>
</html>

posted on 2013-07-05 11:18 杨军威 阅读(454) 评论(0)  编辑  收藏


只有注册用户登录后才能发表评论。


网站导航:
 

导航

统计

常用链接

留言簿

随笔档案

搜索

最新评论

阅读排行榜

评论排行榜