jquery给div添加点击事件,jquery中双击事件

　　在上一篇文章《使用JavaScript从数组中删除最后一项（3种方法）》中，我们介绍了如何使用JavaScript从数组中删除最后一项。感兴趣的朋友可以了解一下~

　　本文的重要内容是如何通过jQuery给元素添加点击和双击事件。

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

　　让我们直接看代码：

　　！声明文档类型

　　超文本标记语言

　　头

　　meta charset=UTF-8

　　标题/标题

　　script src= jquery . min . js /script

　　脚本

　　$(文档)。ready(function () {

　　$(.clickable _ ele’)。bind(click ，function () {

　　$(h4调用单击事件/h4 )。appendTo(。RES’)；

　　});

　　$(.clickable _ ele’)。bind(dblclick ，function () {

　　$(h4调用双击事件/h4 )。appendTo(。RES’)；

　　});

　　});

　　/脚本

　　风格

　　正文{

　　文本对齐：居中；

　　}

　　h1 {

　　颜色：# ff311f

　　}。clickable_ele {

　　字体大小：20px

　　字体粗细：粗体；

　　颜色：# ff7800

　　}

　　/风格

　　/头

　　身体

　　H1PHP中文网/h1

　　h3

　　如何给一个元素添加点击和双击事件？

　　/h3

　　div class=clickable_ele

　　可点击元素

　　/div

　　div class=res/div

　　/body

　　/html具有以下效果：

　　bind()的语法是$(选择器)。绑定(事件、数据、函数、映射)

　　参数分别代表：

　　需要事件。指定一个或多个要添加到元素中的事件。

　　用空格分隔多个事件值。必须是有效的事件。

　　数据是可选的。指定要传递给函数的附加数据。

　　需要函数。指定事件发生时要运行的函数。

　　指定映射事件映射({事件：函数，事件：函数，})，它包含一个或多个要添加到元素中的事件，以及事件发生时要运行的函数。appendTo()语法是$(内容)。附加到(选择器)

　　参数分别代表：

　　必需的内容。指定要插入的内容(可以包括HTML标记)。

　　选择器是必需的。指定要向哪个元素追加内容。注意：

　　从jQuery版开始，on()方法是向所选元素添加事件处理程序的首选方法。

　　append()和appendTo()方法执行相同的任务；不同的是：内容和选择器的位置，append()可以使用函数追加内容。

　　最后推荐《JavaScript基础教程》 ~欢迎学习~以上是如何通过jQuery给一个元素添加点击和双击事件的细节。更多请关注我们的其他相关文章！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。