jquery创建表格

最新推荐文章于 2022-10-11 18:14:17 发布

laity01

最新推荐文章于 2022-10-11 18:14:17 发布

阅读量290

点赞数

分类专栏：练习文章标签： jquery css html

本文链接：https://blog.csdn.net/m0_57675124/article/details/118084695

版权

练习专栏收录该内容

39 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<p>表格</p>
		<table border="1">
			
		</table>
		<script src="./js/jquery-3.6.0.js"></script>
		<script>
			$(function(){
				var $p1=$('<p>111111</p>');
				var $p2=$('<p>222222</p>');
				
				$('div').append($p1).append($p2);
				var $tr=$('<tr>\
				<td>11</td>\
				<td>22</td>\
				<td>33</td>\
				</tr>')
				$('table').append($tr);
				
				var td1=$('<td>44</td>');
				var td2=$('<td>55</td>');
				var td3=$('<td>66</td>');
				
				var tr1=$('<tr></tr>');
				
				$(tr1).append(td1).append(td2).append(td3);
				$('table').append(tr1);
				
				//clone():克隆函数
				$('table').append($(tr1).clone());
			});
		</script>
	</body>
</html>

优惠劵

laity01

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
jquery创建表格

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <p>表格</p> <table border="1"> </table> <script src="./js/jquery-3.6.0.js">&.
复制链接

扫一扫