本文原文链接：https://blog.csdn.net/xzk9381/article/details/112601903
使用 jQuery 创建元素并添加属性，可以直接使用 $(‘element’) 进行添加：
<!DOCTYPE html>
<html>
<head>
<title></title>
<script src="jquery-1.12.4.js"></script>
<script type="text/javascript">
$('document').ready(function (){
console.log($('<div></div>'))
})
</script>
</head>
<body>
</body>
</html>
这样即可生成一个 div 标签，如果要在这个 div 标签中添加文字，可以直接在其中添加即可：
<!DOCTYPE html>
<html>
<head>
<title></title>
<script src="jquery-1.12.4.js"></script>
<script type="text/javascript">
$('document').ready(function (){
console.log($('<div>测试</div>'))
})
</script>
</head>
<body>
</body>
</html>
接下来是为元素添加属性：
<!DOCTYPE html>
<html>
<head>
<title></title>
<script src="jquery-1.12.4.js"></script>
<script type="text/javascript">
$('document').ready(function (){
console.log($('<div class="mydiv" id="div1">测试</div>'))
})
</script>
</head>
<body>
</body>
</html>
如果要创建多级标签，也是直接在其中添加字符串内容即可：
<!DOCTYPE html>
<html>
<head>
<title></title>
<script src="jquery-1.12.4.js"></script>
<script type="text/javascript">
$('document').ready(function (){
console.log($('<div class="mydiv" id="div1">测试<span class="myspan">子元素</span></div>'))
})
</script>
</head>
<body>
</body>
</html>
需要注意的是，上面创建的元素是存储在内存中的，还没有添加到页面内。可使用 console.log 打印该标签的详细信息。
本文原文链接：https://blog.csdn.net/xzk9381/article/details/112601903