怎样安装Dreamweaver的jquery扩展,我们通常会用dreamweaver这个网页设计软件来编写网页前台代码，在编写代码时会经常出现下拉的菜单供我们选择，为我们编写代码节省了很多的时间。这样......
2023-03-17 342 JQUERY DREAMWEAVER
用jquery如何往指定表格插入数字
来源：互联网
2023-03-16 23:54:28 版权归原作者所有，如有侵权，请联系我们
Jquery是一个JS插件库，使用该插件库，对操作HTML的DOM元素非常方便，下面我们通过一个实例来熟悉下该插件库。该实例通过Jquery来为表格插入数据。
方法/步骤
首先看下我们的HTML代码，代码很简单，就是一个表格，表格里有几行数据，和几个输入框，一个按钮。具体代码如图，
运行下页面，我们看到现在页面的效果如图。
添加一个JS方法：add_data，通过该方法可以修改table里单元格的数据，代码如图，大概意思讲解下，先通过id用Jquery来找到table，然后找table里的行tr，通过传入的参数row_num，定位到是第几行的tr，然后再找这个tr下的单元格td，也是通过参数来找（c_num）。
找到该单元格后，就通过Jquery的html()方法来设置该单元格的值。
然后为页面上的按钮添加点击事件，点击后先取到输入框里的数据，第几行，第几列的单元格，要更新的数据。等到这个数据后，就调用add_data方法去更新table的单元格，具体代码如图。
所有代码准备完毕，刷新页面，在单元格里输入参数如图，并点击‘更改’按钮。
点击按钮后，我们可以看到table里最后一个单元格的内容填充上了。
（为什么输入的行是4？因为第一行的标题行也算是一行的）
我们修改输入框的数据，要改第三行，第二列的数据，如图
点击更改后，该单元格的数据也成功修改了。
如要为指定的表格插入数据，更新数据，我们在调用add_data方法时，为第一个参数填上不同的值就行了，要改table的id为tb2的表格的数据，就把这参数改成 tb2。
注意事项
- add_data方法需要完善，要判断是否存在要找的单元格，比如参数传入10，5，就要找有没有第10行，第5列的单元格，没有就要报错，或弹出提示
- 这个完善的功能留给大家去扩展了。
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
相关文章
- 详细阅读
-
jQuery MiniUI 快速入门详细阅读
jQuery MiniUI 快速入门,前段时间由于工作的原因接触到MiiUI。感觉MiiUI很强大，使用起来也很舒服。下面我就带领大家快速的使用MiiUI。MiiUI-专业WeUI控件库它能缩短开发时......
2023-03-17 330 JQUERY
-
怎么使用JQuery Mobile开发移动网站详细阅读
怎么使用JQuery Mobile开发移动网站,现在越来越多的人用网站来做手机a,这样的好处是，可以做一个网站，基本上可以做到多个平台adroid,io,w,都可以使用。这里使用JQueryMoile......
2023-03-17 374 JQUERY