jquery创建html标签并添加样式

最新推荐文章于 2024-07-30 03:29:01 发布

fengxue_snow

最新推荐文章于 2024-07-30 03:29:01 发布

阅读量1.5k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： JQuery

本文链接：https://blog.youkuaiyun.com/fengxue_snow/article/details/97905572

JQuery 专栏收录该内容

9 篇文章

订阅专栏

本文介绍如何利用jQuery库动态地在网页中创建div、p和a元素，并设置其样式，包括宽度、高度、边框等属性，同时为链接元素添加了背景颜色和圆角效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、效果图
在这里插入图片描述
2、代码

<script>
			$(function(){
				var div1 = "<div></div>";
				var p1 = "<p>列表1</p>";
				var p2 = "<p>列表2</p>";
				var a1 = "<a href='javascript:;'>添加</a>"
				$("body").append(div1);
				$("div").append(p1,p2,a1);
				$("div").css({
					"width":"100px",
					"height":"150px",
					"padding":"10px",
					"border":"2px solid #aaa"
				});
				$("a").css({
					"padding":"5px 10px",
					"background":"#12BCA6",
					"color":"#fff",
					"text-decoration":"none",
					"border-radius":"5px"
				})
			})
		</script>