JQuery 動(dòng)態(tài)生成Table表格實(shí)例代碼
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>
感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持!
- jQuery實(shí)現(xiàn)獲取table表格第一列值的方法
- JQuery Ajax動(dòng)態(tài)生成Table表格
- jQuery對table表格進(jìn)行增刪改查
- 基于JQuery的動(dòng)態(tài)刪除Table表格的行和列的代碼
- 使用jQuery操作HTML的table表格的實(shí)例解析
- jQuery實(shí)現(xiàn)Table表格隔行變色及高亮顯示當(dāng)前選擇行效果示例
- jQuery實(shí)現(xiàn)table表格checkbox全選的方法分析
- jQuery+CSS實(shí)現(xiàn)的table表格行列轉(zhuǎn)置功能示例
- jQuery實(shí)現(xiàn)table表格信息的展開和縮小功能示例
- jQuery動(dòng)態(tài)操作表單示例【基于table表格】
- jQuery實(shí)現(xiàn)為table表格動(dòng)態(tài)添加或刪除tr功能示例
相關(guān)文章
淺析onsubmit校驗(yàn)表單時(shí)利用ajax的return false無效問題
前幾天,在校驗(yàn)一個(gè)表單數(shù)據(jù)用到ajax時(shí),遇到 return false 無效問題,以下就是對這個(gè)問題進(jìn)行了分析介紹,需要的朋友可以參考下2013-07-07jQuery使用ajax方法解析返回的json數(shù)據(jù)功能示例
這篇文章主要介紹了jQuery使用ajax方法解析返回的json數(shù)據(jù)功能,結(jié)合實(shí)例形式分析了jQuery ajax操作流程及json數(shù)據(jù)處理技巧,需要的朋友可以參考下2017-01-01jQuery中借助deferred來請求及判斷AJAX加載的實(shí)例講解
deferred對象的延遲功能對jQuery的ajax操作是一個(gè)很大的幫助,尤其是回調(diào)控制,下面我們就來看一下對jQuery中借助deferred來請求及判斷AJAX加載的實(shí)例講解2016-05-05jQuery中outerHeight()方法用法實(shí)例
這篇文章主要介紹了jQuery中outerHeight()方法用法,實(shí)例分析了outerHeight()方法的功能、定義及獲取第一個(gè)匹配元素外部高度的使用技巧,需要的朋友可以參考下2015-01-01jQuery模板技術(shù)和數(shù)據(jù)綁定實(shí)現(xiàn)代碼
如果你用過ASP.NET的數(shù)據(jù)綁定控件,也用過ASP或者JSP里那種通過輸出HTML元素在頁面上顯示數(shù)據(jù)的方法,你就知道ASP.NET數(shù)據(jù)綁定控件有多么方便。如果能夠?qū)⑼瑯拥墓δ茉跒g覽器端用HTML和JavaScript實(shí)現(xiàn),那該是多少美妙的事情。2010-05-05easyui Draggable組件實(shí)現(xiàn)拖動(dòng)效果
Draggable是easyui中用于實(shí)現(xiàn)拖拽功能的一個(gè)插件。利用它,我們可以實(shí)現(xiàn)控件的拖拽效果。Draggble覆蓋默認(rèn)值$.fn.draggable.defaults。2015-08-08