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"]').click(function(){
   $(this).parent().parent().remove();
  });
  $('#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);
  });
 });
</script>
</html>

posted on 2013-07-04 17:24 杨军威 阅读(147) 评论(0)  编辑  收藏


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


网站导航:
 

导航

统计

常用链接

留言簿

随笔档案

搜索

最新评论

阅读排行榜

评论排行榜