快捷導(dǎo)航

JQuery 動態(tài)生成Table表格實例代碼

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

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

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