基于jQuery实现可编辑的表格-创新互联

前言

我们知道jQuery是一个轻便的JavaScript框架，里面封装了系统和程序常用到的一些方法，利用CSS、HTML可以将这些内容运用起来，做出各式各样好看的界面，下面小编使用jQuery实现了一个“可编辑的表格”的例子。

代码加说明

一、HTML代码

1.使用实现标头；

2.一个table中可以包含thead和tbody

3.表头的内容可以放到th中。

 
 
 
 
 


 

 

  

  
鼠标点击表格项就可以编辑
  
 
 
 
 

  

  
学号
  
姓名
 
 

  
001
  
周星驰
 
  
 
 

  
002
  
星女郎
 
  
 
 

  
003
  
周润发
 
 
 

  
004
  
赌神
 
 
 
 

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。