jquery是一种方便快捷的javascript库，常用于处理html文档的交互、事件处理和动画效果等。本文将介绍如何利用jquery实现个人信息的增删改查功能。
一、准备工作
首先，需要有一个包含个人信息的HTML表格，可以手动编写或者使用模板引擎生成。假设我们的表格包含了以下列头和数据：
| ID |
姓名 |
性别 |
年龄 |
联系方式 |
操作 |
| 1 |
张三 |
男 |
25 |
138****1234 |
|
| 2 |
李四 |
女 |
30 |
139****5678 |
|
...
其次，需要一个表单用于添加和编辑信息。可以利用HTML构建表单，例如：
其中，id为“info-id”的隐藏域用于记录正在编辑的信息的ID，value为空表示当前是添加操作，不为空表示当前是编辑操作。
二、添加信息
添加信息的操作比较简单，只需要监听表单的submit事件，获取表单数据并插入表格中即可。具体步骤如下：
- 监听submit事件：
$('#info-form').on('submit', function(e) {
e.preventDefault();
// ...
});- 获取表单数据：
var formData = {
name: $('#info-name').val(),
gender: $('input[name="gender"]:checked').val(),
age: $('#info-age').val(),
phone: $('#info-phone').val()
};- 插入表格中：
var newRow = $('')
.append($('| ').text(newId))
.append($(' | ').text(formData.name))
.append($(' | ').text(formData.gender === 'male' ? '男' : '女'))
.append($(' | ').text(formData.age))
.append($(' | ').text(formData.phone))
.append($(' | ')
.append($(' |
