手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

如何使用jQuery中的方法拼接DOM并添加焦点事件

时间:2024-10-12 12:38:11

1、第一步,双击打开HBuilderX工具,新建一个静态页面并引入jQuery,在主体标签中插入一个div标签,如下图所示:

如何使用jQuery中的方法拼接DOM并添加焦点事件

2、第二步,在<script></script>标签内,利用jQuer鲻戟缒男y初始化拼接一个字符串,如下图所示:

如何使用jQuery中的方法拼接DOM并添加焦点事件

3、第三步,使用empty()方法和append()方法,将字符串添加到div元素中,如下图所示:

如何使用jQuery中的方法拼接DOM并添加焦点事件

4、第四步,保存代码并运行文件,可以发现控制台下打印出现报错,如下图所示:

如何使用jQuery中的方法拼接DOM并添加焦点事件

5、第五步,在拼接字符串的输入框添加一个onblur(),这个是失去焦点事件,如下图所示:

如何使用jQuery中的方法拼接DOM并添加焦点事件

6、第六步,在script标签下面,定义一个函数事件computeNum,如下图所示:

如何使用jQuery中的方法拼接DOM并添加焦点事件
© 手抄报圈