快捷導(dǎo)航

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

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

在某些特殊的情況下是需要?jiǎng)討B(tài)生成表格的，下面為大家詳細(xì)介紹下使用jquery是如何做到的，感興趣的朋友不要錯(cuò)過

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