1、第一步，使用鼠标点击打开HBuilder软件，如图所示：
2、第二步、点击菜单栏文件-->新建-->Web项目，如图所示：
3、第三步，然后输入项目名，jq，再点击完成按钮，如图所示：
4、第四步，映入jq开发包jquery-3.3.1.min.js，然后在该项目的index.html文件中键入代码：<!DOCTYPE 茑霁酌绡html><html> <head> <meta charset="utf-8" /> <title>jq动态添加的元素如何给事件？</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 id='newdiv' onclick='onnewClick()'>新标签元素</div>"); });});function onnewClick(){ $("#newdiv").css("background-color","red"); }</script> <body> <p>这是一个段落。</p> <button id="btn1">添加新标签元素</button> </body></html>
5、第五步，然后点击运行按钮--->浏览器运行，如图所示：
6、第六步、在浏览器中查看运行结果，然后点击添加新标签元素按钮，如图所示：
7、第七步，点击添加新元素按钮之后，可以看到出现新元素标签，再继续点击新元素标签，如图所示：
8、第八步，点击新元素标签之后，可以看到新元素标签背景颜色变成红色，如图所示：
