快捷導(dǎo)航

JQuery 動(dòng)態(tài)生成Table表格實(shí)例代碼

更新時(shí)間：2016年12月02日 17:17:13 投稿：lqh

這篇文章主要介紹了JQuery 動(dòng)態(tài)生成Table表格實(shí)例代碼的相關(guān)資料,這里附有實(shí)現(xiàn)實(shí)例代碼，具有一定的參考價(jià)值，需要的朋友可以參考下

JQuery動(dòng)態(tài)生成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>動(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>

感謝閱讀，希望能幫助到大家，謝謝大家對(duì)本站的支持！

您可能感興趣的文章:

相關(guān)文章

jquery輪播圖插件使用方法詳解
這篇文章主要為大家詳細(xì)介紹了jquery輪播圖插件的使用方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-07-07
JQuery實(shí)現(xiàn)樣式設(shè)置、追加、移除與切換的方法
這篇文章主要介紹了JQuery實(shí)現(xiàn)樣式設(shè)置、追加、移除與切換的方法,涉及jQuery樣式操作的常用技巧,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下
2015-06-06
jQuery操作文本方法介紹
這篇文章介紹了jQuery操作文本的方法，文中通過(guò)示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2022-03-03
Jquery EasyUI的添加，修改，刪除，查詢等基本操作介紹
初識(shí)Jquery EasyUI看了一些博主用其開(kāi)發(fā)出來(lái)的項(xiàng)目，頁(yè)面很炫，感覺(jué)功能挺強(qiáng)大，效果也挺不錯(cuò)，最近一直想系統(tǒng)學(xué)習(xí)一套前臺(tái)控件，于是在網(wǎng)上找了一些參考示例
2013-10-10
jQuery ajax調(diào)用后臺(tái)aspx后臺(tái)文件的兩種常見(jiàn)方法(不是ashx)
這篇文章主要介紹了jQuery ajax調(diào)用后臺(tái)aspx后臺(tái)文件的兩種常見(jiàn)方法(不是ashx)的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2016-06-06
jquery仿百度經(jīng)驗(yàn)滑動(dòng)切換瀏覽效果
本文給大家分享的是使用jQuery實(shí)現(xiàn)仿百度經(jīng)驗(yàn)華東切換瀏覽效果，非常的炫酷，推薦給大家。有需要的小伙伴可以參考下
2015-04-04
jquery(1.3.2) 高亮選中圖片邊框
當(dāng)點(diǎn)擊圖片時(shí)，圖片會(huì)加紅顯示。
2009-05-05
網(wǎng)頁(yè)前端優(yōu)化之滾動(dòng)延時(shí)加載圖片示例
做web開(kāi)發(fā)的朋友都應(yīng)該掌握前端優(yōu)化這個(gè)技巧，其中一個(gè)就是滾動(dòng)延時(shí)加載。這個(gè)技巧應(yīng)用在了很多地方，比如新浪微博網(wǎng)頁(yè)版。以下就為大家詳細(xì)介紹，需要的朋友可以參考下
2013-07-07
jQuery 遍歷函數(shù)詳解
文章介紹了幾個(gè)在jQuery中非常有用的遍歷函數(shù)，遍歷函數(shù)是做么的方便。當(dāng)在它們一起使用時(shí)，它們將更加強(qiáng)大。也就是說(shuō)，一個(gè)函數(shù)的輸出是另一個(gè)函數(shù)的輸入，它們是鏈?zhǔn)降?。下面我們就?lái)詳細(xì)探討下吧。
2015-07-07
基于jQuery實(shí)現(xiàn)網(wǎng)頁(yè)進(jìn)度顯示插件
這篇文章主要介紹了基于jQuery實(shí)現(xiàn)網(wǎng)頁(yè)進(jìn)度顯示插件的實(shí)現(xiàn)方法以及源碼下載，十分的詳細(xì)，并自帶2種皮膚，這里推薦給小伙伴們。
2015-03-03