jQuery动态创建html元素并设置属性
分类：实例代码
本章节通过代码实例介绍一下如何利用jQuery动态创建html元素，兵设置其属性。
下面直接看代码实例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.pipipi.net/" />
<title>前端教程网</title>
<style type="text/css">
.antzone{
width:200px;
height:100px;
background:green;
}
</style>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script>
$(document).ready(function(){
$("<div></div>",{
class:"antzone",
softwhy:"done"
}).appendTo("body")
});
</script>
</head>
<body>
</body>
</html>
上面的代码动态创建一个div元素，并且为此div元素设置属性。
下面介绍一下此方法的规则:
第一个参数可以是手写的或者是由其他途径传递过来的字符串。
这个字符串可以包含斜杠 (比如一个图像地址)，还有反斜杠。
当你创建单个元素时，请使用闭合标签或 XHTML 格式。
例如，创建一个span ，可以用 $("<span/>") 或 $("<span></span>") ，但不推荐 $("<span>")。
在 jQuery 中，这个语法等同于 $(document.createElement("span"))。
特别说明:
jQuery()方法会检测第一个参数是html，还是其他字符串，是html就创建相应的html元素，否则就当做一个选择器来处理。
一线大厂高级前端编写，前端初中阶面试题，帮助初学者应聘，需要联系微信：javadudu