jQuery实现html表格动态添加新行的方法
更新时间：2015年05月28日 15:18:40 作者：不吃皮蛋
这篇文章主要介绍了jQuery实现html表格动态添加新行的方法,涉及jQuery鼠标事件及页面元素的操作技巧,需要的朋友可以参考下
本文实例讲述了jQuery实现html表格动态添加新行的方法。分享给大家供大家参考。具体实现方法如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Add Row example</title>
<script src="jquery-1.6.2.min.js"></script>
<script type="text/javascript">
<!-- jQuery Code will go underneath this -->
$(document).ready(function () {
// Code between here will only run when the document is ready
$("a[name=addRow]").click(function() {
// Code between here will only run
//when the a link is clicked and has a name of addRow
$("table#myTable tr:last").after('<tr><td>Row 4</td></tr>');
return false;
});
});
</script>
</head>
<body>
<table style="width: 100%" id="myTable">
<tr><td>Row 1</td></tr>
<tr><td>Row 2</td></tr>
<tr><td>Row 3</td></tr>
</table>
<a href="#" name="addRow">Add Row</a>
</body>
</html>
希望本文所述对大家的jQuery程序设计有所帮助。
相关文章
本文主要介绍两种方法，处理JQuery遍历刚创建的元素问题，简单易用，希望能帮到大家。2016-04-04
jQuery实现列表自动滚动循环滚动展示新闻，鼠标悬停时停止滚动并提示，离开后，继续滚动，实现的代码如下，需要的朋友可以看看2014-08-08
有个同事问我each使用方法,我把我知道的用法告诉他.他却说不是这样的.如是在网上小逛了一下,果然用法有很多.下面总结下大慨的使用方法.2010-12-12
日期时间范围选择插件:daterangepicker使用总结(必看篇)
下面小编就为大家带来一篇日期时间范围选择插件:daterangepicker使用总结(必看篇)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-09-09
这篇文章主要介绍了深入理解bootstrap框架之第二章整体架构的相关资料,需要的朋友可以参考下2016-10-10
jquery基础教程之deferred对象使用方法2014-01-01
扩展jQuery 键盘事件的几个基本方法(练习jQuery插件扩展)2009-10-10
这篇文章主要介绍了Jquery Fade用法详解,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2020-11-11
这篇文章主要介绍了jQuery实现简单的DIV拖动效果,涉及jQuery针对鼠标事件的响应及页面元素的动态操作技巧,需要的朋友可以参考下2016-02-02
本文通过一段实例代码给大家介绍jquery实现下拉加载功能，代码简单易懂，需要的朋友参考下吧2016-04-04
最新评论