廊坊下雪了。15年的第二场雪。比14的来的稍晚一些。停靠在11教门前的自行车。成了廊坊师范学院最漂亮的风景线。还记得以前学习css的时候。就以前接触过怎样编写设计一些表格和表单的样式，比如怎样设计表格中的颜色。隔行变色等等，相关链接。请点击。
当时学习css的时候，关于表格和表单的全部设置，我们都是在html代码里面实现的，今天小编主要给大家解说一下，怎样利用JQuery+js+css实现表格的编辑。接下来，小编就简单总结一下怎样实现这个小样例。
第一步：编写html代码，代码例如以下所看到的：
分析一下上面的代码。我们非常easy看出来table中能够包括thead和tbody。表头的内容能够放到th中。我们来执行一下，看看我们的效果：
从上面的执行效果来看，我们非常easy看出来，这个表格的基本轮廓已经显示出来，可是似乎少了些许味道。接着。我们来设置一下表格的样式，我们来编写css的代码。例如以下所看到的：
分析一下上面的代码，table{}这样的写法称作为标签选择器，能够对整个页面全部的table产生影响；table td{}这样的写法表示的是table中包括的全部td；能够通过broder-collapse：collapse这样的方式来使表格中的单元格边框合并。接着。我们连执行一下，看看执行的效果：
上述的执行效果，已经很接近我们须要实现的效果了，可是还是欠点火候，还是不能都编辑。接着。js里面的代码，对应的，在js中我们也要建立两个文件。一个jquery一个editTable，鉴于jquery的代码较多，所以小编已经上传相关资源。有须要的小伙伴能够到该链接下载。接着，我们来编写ueditTable的代码，来给整理页面加入行为能力：
执行效果例如以下：
相关代码有须要的小伙伴能够点击下载。
小编寄语：该博文，小编主要介绍了实战JQuery中的小样例。编写能够编辑的表格。对照之前学习过的css中。怎样设置表格表单，该样例中配合jquery和css，让我们的代码更加灵活，实现的功能更加的高大上，BS总结，未完待续......