如何通过jQuery给一个元素添加单击和双击事件

藏色散人
发布: 2021-08-27 11:09:30
原创
2427 人浏览过

在上一篇《使用JavaScript从数组中删除最后一项(3种方法)》中给大家介绍了怎么使用JavaScript从数组中删除最后一项,感兴趣的朋友可以去学习了解一下~

本文讲解的重要内容是通过jQuery将单击和双击事件添加到元素中的方法。

在本文中我们将通过bind()方法添加单击和双击事件。bind() 方法向被选元素添加一个或多个事件处理程序,以及当事件发生时运行的函数。此外,我们还会使用appendTo() 方法将结果添加到元素,appendTo() 方法在被选元素的结尾(仍然在内部)插入指定内容。

下面我们直接上代码:

        
  

PHP中文网

如何给一个元素添加单击和双击事件?

可点击的元素
登录后复制

效果如下:

GIF 2021-8-27 星期五 上午 10-58-23.gif

  • bind()语法是$(selector).bind(event,data,function,map)

参数分别表示: event必需。规定添加到元素的一个或多个事件。 由空格分隔多个事件值。必须是有效的事件。 data可选。规定传递到函数的额外数据。 function必需。规定当事件发生时运行的函数。 map规定事件映射 ({event:function, event:function, ...}),包含要添加到元素的一个或多个事件,以及当事件发生时运行的函数。
登录后复制
  • appendTo()语法是$(content).appendTo(selector)

参数分别表示: content必需。规定要插入的内容(可包含 HTML 标签)。 selector必需。规定把内容追加到哪个元素上。
登录后复制

注:

自 jQuery 版本 1.7 起,on() 方法是向被选元素添加事件处理程序的首选方法。

append() 和 appendTo() 方法执行的任务相同;不同之处在于:内容和选择器的位置,以及 append() 能够使用函数来附加内容。

最后给大家推荐《JavaScript基础教程》~欢迎大家学习~

以上是如何通过jQuery给一个元素添加单击和双击事件的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门推荐
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!