jQuery实现表单动态添加与删除数据操作示例

本文实例讲述了框架实现表单动态添加与删除数据操作。分享给大家供大家参考，具体如下：

！DOCTYPE html html lang=' en ' head meta charset=' UTF-8 '标题用户名注册/title脚本src=' http :http://libs。百度。com/jquery/2。0 .0/jquery。量滴js '/script脚本$(文档)。ready(function(){ $(“# button”)).单击(函数(){ var name=$(' #)胡勇')。val()；var mima=$('#mima ').val()；定义变量优香=$(' #优香')。val()；var tr='trtd '输入类型=' checkbox ' '/tdtd ' name '/tdtd ' mima '/tdtd '优香/tdtd '输入类型='按钮'值='删除'/TD/tr '；$('#table ').追加(tr)；$(':button ').单击(function () { $(this)).父项()。父项()。移除();});});});/脚本/流浆池用户：输入id='胡勇'类型='文本'密码：输入id='mima '类型='密码'邮箱：输入id='优香'类型='文本'输入类型='提交id='按钮'值='添加表id='table '边框=' 1ps ' tr tdinput type=' checkbox '/TD TD用户名运输署/运输署密码运输署/运输署邮箱运输署/运输署操作/td /tr/table/body/html运行结果：

更多关于框架相关内容感兴趣的读者可查看本站专题： 《jQuery form操作技巧汇总》 、 《jQuery操作json数据技巧汇总》 、 《jQuery常用插件及用法总结》 、 《jQuery扩展技巧总结》 、 《jQuery表格(table)操作技巧汇总》 及《jquery选择器用法总结》

希望本文所述对大家框架程序设计有所帮助。