JQuery实现可直接编辑的表格_jquery

功能：

创建一个表格，用户单击某个单元格后，可以直接修改单元格文本。
在编辑状态下，用户可按回车键确认修改，按ESC键撤销修改。

效果如下图：

思路：

当用户点击某个单元格后，立即向该单元格内插入一个文本框，将它的宽、高都设置成与单元格相的数值。用户确认输入后，清空该单元格内的所有HTML代码，然后把内容设置为用户刚刚输入的文本。

HTML代码：

 
 
 
 
学号
 
 
姓名
 
 
 
 
 
 
001
 
 
dog
 
 
 
 
 
 
002
 
 
cat
 
 
 
 
 
 
003
 
 
pig
 
 
 
 

JavaScript代码:

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