Jquery 动态生成表格示例代码


Posted in Javascript onDecember 24, 2013
<!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>
Javascript 相关文章推荐
基于jquery自己写tab滑动门(通用版)
Oct 30 Javascript
基于OO的动画附加插件,可以实现弹跳、渐隐等动画效果 分享
Jun 24 Javascript
JavaScript打印iframe内容示例代码
Aug 20 Javascript
jquery.post用法之type设置问题
Feb 24 Javascript
jquery读写cookie操作实例分析
Dec 24 Javascript
js将table的每个td的内容自动赋值给其title属性的方法
Oct 13 Javascript
jQuery实现的仿百度,仿谷歌搜索下拉框效果示例
Dec 30 Javascript
jQuery多选框选择数量限制方法
Feb 08 Javascript
如何理解Vue的render函数的具体用法
Aug 30 Javascript
Javascript网页抢红包外挂实现分享
Jan 11 Javascript
JavaScript实现左右滚动电影画布
Feb 06 Javascript
JavaScript中ES6规范中let和const的用法和区别
Aug 06 Javascript
js 异步操作回调函数如何控制执行顺序
Dec 24 #Javascript
表格奇偶行设置不同颜色的核心JS代码
Dec 24 #Javascript
js中function()使用方法
Dec 24 #Javascript
document节点对象的获取方式示例介绍
Dec 24 #Javascript
JQuery结合CSS操作打印样式的方法
Dec 24 #Javascript
jQuery动态改变图片显示大小(修改版)的实现思路及代码
Dec 24 #Javascript
jquery自动切换tabs选项卡的具体实现
Dec 24 #Javascript
You might like
PHP CURL获取cookies模拟登录的方法
2013/11/04 PHP
php验证码实现代码(3种)
2015/09/07 PHP
php实现贪吃蛇小游戏
2016/07/26 PHP
laravel学习笔记之模型事件的几种用法示例
2017/08/15 PHP
jQuery Validation实例代码 让验证变得如此容易
2010/10/18 Javascript
JavaScript中“+”的陷阱深刻理解
2012/12/04 Javascript
jquery实现上下左右滑动的方法
2015/02/09 Javascript
理解javascript封装
2016/02/23 Javascript
利用jQuery实现打字机字幕效果实例代码
2016/09/02 Javascript
vue的props实现子组件随父组件一起变化
2016/10/27 Javascript
js实现手机拍照上传功能
2017/01/17 Javascript
uploader秒传图片到服务器完整代码
2017/04/22 Javascript
JavaScript中立即执行函数实例详解
2017/11/04 Javascript
vue 使用高德地图vue-amap组件过程解析
2019/09/07 Javascript
Python爬虫爬取美剧网站的实现代码
2016/09/03 Python
Python进阶之尾递归的用法实例
2018/01/31 Python
浅析PHP与Python进行数据交互
2018/05/15 Python
django 实现电子支付功能的示例代码
2018/07/25 Python
对python中类的继承与方法重写介绍
2019/01/20 Python
Python线程指南分享
2019/11/19 Python
将python包发布到PyPI和制作whl文件方式
2019/12/25 Python
简单了解python列表和元组的区别
2020/05/14 Python
Python自动化办公Excel模块openpyxl原理及用法解析
2020/11/05 Python
10个顶级Python实用库推荐
2021/03/04 Python
大专毕业生自我评价分享
2013/11/10 职场文书
优秀学生自我鉴定范例
2013/12/18 职场文书
实用求职信范文分享
2013/12/25 职场文书
代办委托书怎样写
2014/04/08 职场文书
工厂搬迁方案
2014/05/11 职场文书
学校地质灾害防治方案
2014/06/10 职场文书
法人身份证明书
2014/10/08 职场文书
2014年设计师工作总结
2014/11/25 职场文书
医院营销工作计划
2015/01/16 职场文书
幼儿园教师暑期培训心得体会
2016/01/09 职场文书
React自定义hook的方法
2022/06/25 Javascript
前端与RabbitMQ实时消息推送未读消息小红点实现示例
2022/07/23 Java/Android