JQuery 动态生成Table表格实例代码
更新时间：2016年12月02日 17:17:13 投稿：lqh
这篇文章主要介绍了JQuery 动态生成Table表格实例代码的相关资料,这里附有实现实例代码，具有一定的参考价值，需要的朋友可以参考下
JQuery动态生成Table表格
主要用到了JQuery中的append和appendto的方法,具体代码如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>动态创建表格</title>
<script type="text/javascript" src="Scripts/jquery-1.3.2.js"></script>
<script type="text/javascript">
function CreateTable(rowCount,cellCount)
{
var table=$("<table border=\"1\">");
table.appendTo($("#createtable"));
for(var i=0;i<rowCount;i++)
{
var tr=$("<tr></tr>");
tr.appendTo(table);
for(var j=0;j<cellCount;j++)
{
var td=$("<td>"+i*j+"</td>");
td.appendTo(tr);
}
}
trend.appendTo(table);
$("#createtable").append("</table>");
}
</script>
</head>
<body>
<input type="button" value="添加表格" onClick="CreateTable(5,6)" >
<input type="button" value="添加行">
<div id="createtable"></div>
<div id="createrow"></div>
</body>
</html>
感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！
您可能感兴趣的文章:
相关文章
这篇文章主要为大家详细介绍了jquery轮播图插件的使用方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-07-07
这篇文章主要介绍了JQuery实现样式设置、追加、移除与切换的方法,涉及jQuery样式操作的常用技巧,非常简单实用,需要的朋友可以参考下2015-06-06
这篇文章介绍了jQuery操作文本的方法，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-03-03
Jquery EasyUI的添加，修改，删除，查询等基本操作介绍
初识Jquery EasyUI看了一些博主用其开发出来的项目，页面很炫，感觉功能挺强大，效果也挺不错，最近一直想系统学习一套前台控件，于是在网上找了一些参考示例2013-10-10
jQuery ajax调用后台aspx后台文件的两种常见方法(不是ashx)
这篇文章主要介绍了jQuery ajax调用后台aspx后台文件的两种常见方法(不是ashx)的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-06-06
本文给大家分享的是使用jQuery实现仿百度经验华东切换浏览效果，非常的炫酷，推荐给大家。有需要的小伙伴可以参考下2015-04-04
当点击图片时，图片会加红显示。2009-05-05
做web开发的朋友都应该掌握前端优化这个技巧，其中一个就是滚动延时加载。这个技巧应用在了很多地方，比如新浪微博网页版。以下就为大家详细介绍，需要的朋友可以参考下2013-07-07
文章介绍了几个在jQuery中非常有用的遍历函数，遍历函数是做么的方便。当在它们一起使用时，它们将更加强大。也就是说，一个函数的输出是另一个函数的输入，它们是链式的。下面我们就来详细探讨下吧。2015-07-07
这篇文章主要介绍了基于jQuery实现网页进度显示插件的实现方法以及源码下载，十分的详细，并自带2种皮肤，这里推荐给小伙伴们。2015-03-03
最新评论