使用jQuery插入一个新的div
1、鼠标点击打开HBulider软件，如图所示：
2、点击文件--->新建--Web项目，如图所示：
3、输入web项目名：JQueryDemo，然后点击完成按钮，如图所示：
4、然后引入JQuery开发包jquery-3.3.1.min.js，在index.html文件中键入如下代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>JQuery插入DIV</title>
</head>
<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
<script>
$(document).ready(function(){
$("#btn1").click(function(){
$("p").append(" <div>插入DIV</div>");
});
});
</script>
<body>
这是一个段落。
<button id="btn1">添加文本</button>
</body>
</html>
，如图所示：
5、然后点击运行---浏览器运行，如图所示：
6、运行结果如图所示：鼠标点击添加文本按钮，如图所示：
7、可以看到后台代码已经添加一个DIV标签，如图所示：
声明：本网站引用、摘录或转载内容仅供网站访问者交流或参考，不代表本站立场，如存在版权或非法内容，请联系站长删除，联系邮箱：site.kefu@qq.com。
阅读量：32
阅读量：68
阅读量：193
阅读量：37
阅读量：156