html增删改后让table自动刷新,jQuery对table表格进行增删改查

这篇博客介绍了使用jQuery实现HTML表格的增删改查功能,并且讨论了如何在操作后让表格自动刷新。文章通过实例代码展示了如何创建按钮并绑定事件,包括新增、修改、删除、查询和返回操作,特别提到了查询功能是按ID进行的,而返回操作能恢复原始数据。
摘要由CSDN通过智能技术生成

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

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

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

0944daa9a99b78093a57b1539bad9c92.png

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

代码如下

html+css(原谅我写在一起吧。。毕竟渲染不是我的强项)

测试数据

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 Name</
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值