jQuery实现表格操作支持增删查功能

需求：

• 在下方输入框中输入数据后，通过点击“增加”按钮，可将相关信息追加至表格末尾，并自动完成ID的递增操作
  • 在上方输入框中输入姓名信息，随后点击“查询”按钮，系统将筛选出与该姓名匹配的数据并进行展示
  • 点击“删除”超链接，即可移除对应行的数据内容
  • 点击“修改”超链接后，“修改”文本将变为“保存”，同时ID、姓名及年龄字段将转换为可编辑的输入框。当点击“保存”超链接时，若输入框内容为空，则系统会提示不能为空；若内容不为空，则更新后的数据将被保存至表格并显示，同时“保存”超链接文本会变更为“删除”

运行结果展示

HTML代码结构分析

 <input type="text" />

    
 		<input type="button" value="查询" id="select" />
    
 		<table border="1" style="margin: 20px 0px;">
    
 			<tr>
    
 				<th>ID</th>
    
 				<th>姓名</th>