JQuery设置创建表格并设置样式

最新推荐文章于 2022-12-29 11:24:18 发布

weixin_33958585

最新推荐文章于 2022-12-29 11:24:18 发布

阅读量619

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/lxh520/p/9168590.html

版权

(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>

转载于:https://www.cnblogs.com/lxh520/p/9168590.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_33958585

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JQuery设置创建表格并设置样式

(function($){ $.fn.newTable = function(){ //var thead = $("<thead></thead>"); var tr = $("<tr></tr>"); var tbody = $("<tbody></tb...
复制链接

扫一扫