Jquery 動態(tài)生成表格示例代碼

更新時間：2013年12月24日 15:55:19 作者：

在某些特殊的情況下是需要動態(tài)生成表格的，下面為大家詳細介紹下使用jquery是如何做到的，感興趣的朋友不要錯過

 
<!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>動態(tài)創(chuàng)建表格</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> 

您可能感興趣的文章:

相關(guān)文章

jQuery實現(xiàn)自動滾動到頁面頂端的方法
這篇文章主要介紹了jQuery實現(xiàn)自動滾動到頁面頂端的方法,涉及jQuery針對頁面操作的相關(guān)技巧,需要的朋友可以參考下
2015-05-05
jquery實現(xiàn)在網(wǎng)頁指定區(qū)域顯示自定義右鍵菜單效果
這篇文章主要介紹了jquery實現(xiàn)在網(wǎng)頁指定區(qū)域顯示自定義右鍵菜單效果,涉及jquery鼠標點擊及事件綁定等相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2015-08-08
jquery彈出框的用法示例(2)
沒有關(guān)閉按鈕，但是點擊其他地方的時候，彈出框消失，必須用js給彈出框的父元素加上更高的層次，具體實現(xiàn)如下，感興趣的朋友可以參考下
2013-08-08
javascript和jquery修改a標簽的href屬性
a標簽的href如何修改，下面為大家介紹下使用javascript或jquery來簡單實現(xiàn)，感興趣的朋友可以參考下
2013-12-12
iframe子頁面獲取父頁面元素的方法
取得iframe中元素的方法有很多，在本文為大家介紹下在iframe子頁面獲取父頁面元素的方法，下面有個不錯的示例，感興趣的朋友可以參考下
2013-11-11
jQuery實現(xiàn)郵箱下拉列表自動補全功能
在一些網(wǎng)站我們經(jīng)?？吹疆斘覀円斎豚]箱的時候，還沒有填寫完，就會出現(xiàn)一系列下拉列表，幫助我們自動補全郵箱，怎么實現(xiàn)的呢？今天下面給大家分享基于jquery實現(xiàn)郵箱下拉列表自動補全功能，一起看看吧
2016-09-09
Jquery.Form 異步提交表單的簡單實例
這篇文章主要介紹了Jquery.Form 異步提交表單的簡單實例。需要的朋友可以過來參考下，希望對大家有所幫助
2014-03-03
jQuery實現(xiàn)轉(zhuǎn)動隨機數(shù)抽獎效果的方法
這篇文章主要介紹了jQuery實現(xiàn)轉(zhuǎn)動隨機數(shù)抽獎效果的方法,涉及jQuery操作隨機數(shù)及頁面元素的相關(guān)技巧,需要的朋友可以參考下
2015-05-05
asp.net+jquery.form實現(xiàn)圖片異步上傳的方法(附j(luò)query.form.js下載)
這篇文章主要介紹了asp.net+jquery.form實現(xiàn)圖片異步上傳的方法,結(jié)合實例形式分析了jquery.form.js前臺異步提交圖片與asp.net后臺處理的相關(guān)技巧,需要的朋友可以參考下
2016-05-05
jQuery+PHP實現(xiàn)動態(tài)數(shù)字展示特效
我們在一些應(yīng)用中需要動態(tài)展示數(shù)據(jù)，比如當前在線人數(shù)，當前交易總額，當前匯率等等，前端頁面需要實時刷新獲取最新數(shù)據(jù)。本文將結(jié)合實例給大家介紹使用jQuery和PHP來實現(xiàn)動態(tài)數(shù)字展示效果。
2015-03-03