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 相关文章推荐
js实现图片轮换效果代码
Apr 16 Javascript
对jQuery的事件绑定的一些思考(补充)
Apr 20 Javascript
防止浏览器记住用户名及密码的简单实用方法
Apr 22 Javascript
jQuery获得页面元素的绝对/相对位置即绝对X,Y坐标
Mar 06 Javascript
javascript数组常用方法汇总
Sep 10 Javascript
jQuery选择器之属性筛选选择器用法详解
Sep 19 jQuery
Vue入门之animate过渡动画效果
Apr 08 Javascript
angular 组件通信的几种实现方式
Jul 13 Javascript
js编写简易的计算器
Jul 29 Javascript
vue 图片裁剪上传组件的实现
Nov 12 Javascript
详解JavaScript中的链式调用
Nov 27 Javascript
js基础语法与maven项目配置教程案例
Jul 15 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编写的简单页面跳转功能实现代码
2013/11/27 PHP
PHP+AJAX 投票器功能
2017/11/11 PHP
Thinkphp 框架扩展之Widget扩展实现方法分析
2020/04/23 PHP
jQuery Ajax文件上传(php)
2009/06/16 Javascript
jquery中ajax学习笔记4
2011/10/16 Javascript
Jquery实现列表(隔行换色,全选,鼠标滑过当前行)效果实例
2013/06/09 Javascript
HTML5之lang属性与dir属性的详解
2013/06/19 Javascript
表单提交前触发函数返回true表单才会提交
2014/03/11 Javascript
JS+CSS实现可拖动的弹出提示框
2015/02/16 Javascript
jquery中trigger()无法触发hover事件的解决方法
2015/05/07 Javascript
jQuery height()、innerHeight()、outerHeight()函数的区别详解
2016/05/23 Javascript
JavaScript 对象字面量讲解
2016/06/06 Javascript
使用重写url机制实现验证码换一张功能
2017/08/01 Javascript
vue mixins组件复用的几种方式(小结)
2017/09/06 Javascript
360doc网站不登录就无法复制内容的解决方法
2018/01/27 Javascript
ligerUI的ligerDialog关闭刷新的方法
2019/09/27 Javascript
有关vue 开发钉钉 H5 微应用 dd.ready() 不执行问题及快速解决方案
2020/05/09 Javascript
Python中的字典与成员运算符初步探究
2015/10/13 Python
python使用matplotlib绘制柱状图教程
2017/02/08 Python
Python中Django 后台自定义表单控件
2017/03/28 Python
python利用MethodType绑定方法到类示例代码
2017/08/27 Python
python统计多维数组的行数和列数实例
2018/06/23 Python
pandas pivot_table() 按日期分多列数据的方法
2018/11/16 Python
PyQt5实现让QScrollArea支持鼠标拖动的操作方法
2019/06/19 Python
Django实现分页显示效果
2019/10/31 Python
Python Pillow.Image 图像保存和参数选择方式
2020/01/09 Python
python图片指定区域替换img.paste函数的使用
2020/04/09 Python
python不同系统中打开方法
2020/06/23 Python
详解Python中Pyyaml模块的使用
2020/10/08 Python
澳大利亚Mocha官方网站:包、钱包、珠宝和配饰
2019/07/18 全球购物
大学本科毕业生求职简历的自我评价
2013/10/09 职场文书
中学生在校期间的自我评价分享
2013/11/13 职场文书
求职毕业生自荐书
2014/02/08 职场文书
超市中秋节促销方案
2014/03/21 职场文书
感恩教育活动总结
2014/05/05 职场文书
公司更名通知函
2015/04/24 职场文书