jQuery对table表格进行增删改查_jquery_脚本之家

虽然有点简陋不过还是蛮实用的。功能展示如下

ID Name salary 功能
保存 修改 删除
1 小王 3000 保存 修改 删除
2 小李 4000 保存 修改 删除
3 小张 5000 保存 修改 删除
4 小赵 6000 保存 修改 删除

jQuery的代码如下

 测试数据  table, td{ font:100% '微软雅黑'; } table{width:80%;border-collapse:collapse; margin:0 0 0 100px} th, td{text-align:center;border:1px solid #fff;} th{background:#328aa4} td{background:#e5f1f4;}     新增   查询 返回 

其中查询功能是按照ID来进行查询的,点返回后可以复原数据。

最近要处理一些前端的工作,重新学习了一下jQuery,感觉还是那么的锋利啊!!!

2.实现几个用标签做的按钮的功能 分别是新增 修改 删除 查询和返回。

$.ready{ var tb = $; //添加 $.click{ var hideTr = $.children; var newTr = hideTr.clone; $.append; //保存 $.die.live{ var tr = $.parent(); $("input[type='text']",tr).each{ el = $.text; el.remove; $.hide.show; //修改 $.die.live{ var tr = $.parent",tr).each{ el = $; var html = ""; el.html; $.hide.show; //删除 $.die.live{ $.parent; //查询 $.click{ var key = $; var sbody = $; var trr = $; var keyword = $.text(); for(var i = 0; i < keyword.length;i++) { if{ trr.eq; }else{ trr.eq; //返回 $.click{ var sbody = $; $; }); }); 

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

1.首先我自己写了一个简单的div布局。

总结了一下对table的增删改查,写一篇留着以后自己recode。

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图