JQuery設置創建表格並設置樣式

本文轉載自查看原文 2018-06-11 18:57 1033 jquery

(function($){
    $.fn.newTable = function(){
        //var thead = $("<thead></thead>");
        var tr = $("<tr></tr>");
        var tbody = $("<tbody></tbody>");
        var tab = $("<table></table>");
        for(var i=0 ;i<5;i++){
            var td = $("<td >aaa</td>");
            tr.append(td);
        }
        tbody.append(tr);
        tab.append(tbody);
        $(this).append(tab);
    }
})(jQuery);

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="jquery-1.6.2.min.js"></script> 
<script type="text/javascript"  src="create.table.js"></script>
<style type="text/css">
table{
border: 10px solid #000;
width:100%;
border-collapse: collapse;
}

table td{
border: 1px solid #000;
border-color: red;
}

</style>

<script type="text/javascript">
$(function(){
    $("#table").newTable();
    //newTable($("#table"));
});
</script>
</head>
<body>
<div id ="table"></div>
</body>
</html>

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 jquery動態創建表格 jquery動態創建表格 C#創建Excel表格（樣式設置） PostgreSQL 創建表格 7-4.創建表格關於《openxml word》創建表格及添加樣式，那些事 oracle創建表格 MySQL創建表格用HTML創建表格 jqGrid表格樣式設置