jquery创建html标签并添加样式

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>