📅 最后修改于: 2023-12-03 15:38:18.312000 🧑 作者: Mango
在 jQuery 中创建一个 div 元素非常简单，只需要使用 jQuery 的 createElement 方法即可。
$(document).ready(function(){
$("button").click(function(){
var div = $("<div></div>");
$("body").append(div);
});
});
上面的代码中，我们使用 $("<div></div>") 来创建一个新的 div 元素，然后使用 $("body").append(div) 将其添加到 body 元素中。
我们也可以在创建 div 元素时设置一些属性：
$(document).ready(function(){
$("button").click(function(){
var div = $("<div></div>");
div.attr("id", "newDiv");
div.css("background-color", "red");
$("body").append(div);
});
});
上面的代码中，我们使用 attr 方法设置新建的 div 元素的 id 属性为 newDiv，使用 css 方法设置其背景颜色为红色。
最终生成的 HTML 代码如下：
<body>
<button>添加 div 元素</button>
<div id="newDiv" style="background-color: red;"></div>
</body>
总而言之，通过 jQuery 创建一个 div 元素非常容易。只需要使用 $("<div></div>") 新建一个元素，然后使用 attr 和 css 方法为其设置属性和样式。