了解jquery如何生成元素?这个问题可能是我们日常学习或工作经常见到的。希望通过这个问题能让你收获颇深。下面是小编给大家带来的参考内容,让我们一起来看看吧!
jquery生成元素的方法:1、加入代码【$("html代码")】;2、使用html函数,html函数是修改元素中的html代码,可以做到创建元素。
jquery生成元素的方法:
创建元素
方法1:$("html代码")
方法2:或者使用html函数,html函数是修改元素中的html代码,也可以做到创建元素
示例
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>title</title>
<style>
div {
width: 300px;
height: 200px;
border: 1px solid red;
}
</style>
<script src="jquery-1.12.1.js"></script>
<script>
$(function () {
//点击一个按钮,创建一个按钮
$("#btn").click(function () {
$("<input type='button' value='按钮'>").appendTo($("#dv"));
});
//元素创建的另一个方式
$("#btn").click(function () {
//通过innerHTML的方式创建元素---以字符串的方式
$("#dv").html("<input type='button' value='按钮'>");
});
});
</script>
</head>
<body>
<input type="button" value="创建一个按钮" id="btn"/>
<div id="dv">
小苏凑合有点帅吧
</div>
</body>
</html>
感谢各位的阅读!看完上述内容,你们对jquery如何生成元素大概了解了吗?希望文章内容对大家有所帮助。如果想了解更多相关文章内容,欢迎关注天达云行业资讯频道。