jquery多事件绑定，jquery on绑定多个事件

jquery多个节点绑定同一个事件

jQuery绑定点击事件可以使用其绑定事件函数 jquery中四个事件绑定方式（bind，live，delegate，on）bind()简要描述 bind()向匹配元素添加一个或多个事件处理器。

可以用事件委托，jquery提供on()方法（jquery 0 以上版本）来委托绑定事件： 导航1 导航2$(.list).find(a).on(click， function(){ $(this).addClass(active).siblings().removeClass(active)；})；这样.list里通过js动态创建的a节点也能响应click事件。

最近做项目为一个添加按钮绑定点击事件，很简单的一个事情，于是我按照通常做法找到元素，使用jquery的on()方法为元素绑定了点击事件，点击同时发送请求。完成后看效果，第一次点击没有问题。再一次点击后发现发送了两次请求，后面再点击发现请求的数量越来越多。

在标签中，插入一个button按钮，添加id属性值。在标签中，添加按钮点击事件，利用on()方法绑定。保存代码并运行项目，打开浏览器查看界面效果，点击按钮查看控制台。将on()方法改为bind()方法，然后保存代码，点击按钮查看打印结果。

当用户点击元素内部之后，就会弹出一个警告框。on（）方法在选择元素上绑定一个或多个事件的事件处理函数。 on()方法绑定事件处理程序到当前选定的jQuery对象中的元素。在jQuery 7中，.on()方法 提供绑定事件处理程序所需的所有功能。

ID的意思就是身份证，你见过有谁跟谁的身份证号码是相同的？所以ID具有唯一性，同一页面中不能存在相同的ID（如果有，则只有第一个能被js获取到）。

相关问答

Q1: jquery绑定事件的方法

在jQuery中，动态绑定事件的方法有很多种，以下是其中的一些常用方法： - on()：这是一个通用的事件绑定方法，可以用于任何事件类型，包括自定义事件。它可以将一个或多个事件处理程序绑定到与选择器匹配的元素上。当事件发生时，这些处理程序将被调用。

新建一个静态页面bind.html，并引入jquery核心文件。在标签中，插入一个button按钮，添加id属性值。在标签中，添加按钮点击事件，利用on()方法绑定。保存代码并运行项目，打开浏览器查看界面效果，点击按钮查看控制台。将on()方法改为bind()方法，然后保存代码，点击按钮查看打印结果。

一．绑定事件 jQuery 通过.bind()方法来为元素绑定这些事件。形式：bind(type， [data]， fn)参数：type 表示一个或多个类型的事件名字符串；[data]是可选的，作为 event.data 属性值传递一个额外的数据，这个数据是一个字符串、一个数字、一个数组或一个对象；fn 表示绑定到指定元素的处理函数。

Jquery中绑定事件有三种方法：target.click(function(){})；target.bind(click，function(){})；target.live(click，function(){})；live方法，只有在click事件发生的时候，才会去检测绑定事件的对象target是否存在，所以live方法可以实现后来新增子元素的事件的绑定。

可以用事件委托，jquery提供on()方法（jquery 0 以上版本）来委托绑定事件： 导航1 导航2$(.list).find(a).on(click， function(){ $(this).addClass(active).siblings().removeClass(active)；})；这样.list里通过js动态创建的a节点也能响应click事件。

Q2: jquery,怎么给多个元素绑定同一个事件,变量

首先使用jQuery选择器选择到这些name的页面元素，比如$(input[name=xxx])。选择到指定元素之后，我们可以给他们都加上相应的事件，比如onclick事件。而且这边我们可以使用匿名函数方法，就是直接通过新建方法来绑定。

bind()功能是为每个选择元素的事件绑定处理函数，其语法如下：bind(type，[data]，fn)其中type为一个或多个类型的字符串，如click或change，也可以自定义；可以被type调用的类型包括blur、focus、load、resize、scroll、unload、click、dbclick、mousedown等事件。

肯定是先引入jquery库，可以选择下载本地引用，也可以在线引用。on函数，这个是官方推荐使用的函数，因为其他方法都是内部调用on来完成的，直接使用on可以提高效率。bind函数，bind是使用频率较高的一种，作用就是在选择到的元素上绑定特定事件类型的监听函数。

Q3: jquery绑定事件有哪些方法

1、bind（）方法为每个匹配元素的特定事件绑定事件处理函数。bind（）方法的底层逻辑是on（）方法。 .bind() 方法是用于往文档上附加行为的主要方式。所有JavaScript事件对象，比如focus， mouseover， 和 resize，都是可以作为type参数传递进来的。

2、该代码库绑定对象的方法有以下几种：bind（）方法：用于绑定一个或多个事件处理函数到指定元素上。例如：javascript$（选择器）.bind（eventType，function（event）{}）。

3、绑定函数；data：可选；需要传递的参数；function：必需；当绑定事件发生时，需要执行的函数；适用Jquery版本 适用所有版本，但是根据官网解释，自从jquery7版本以后bind()函数推荐用on()来代替。

4、Jquery中绑定事件有三种方法：target.click(function(){})；target.bind(click，function(){})；target.live(click，function(){})；live方法，只有在click事件发生的时候，才会去检测绑定事件的对象target是否存在，所以live方法可以实现后来新增子元素的事件的绑定。

5、jquery基础事件，包括绑定事件、简写事件、复合事件；一．绑定事件 jQuery 通过.bind()方法来为元素绑定这些事件。

6、你好，有两种方式可以将这两个节点绑定到同一个事件上：第一种：绑定至指定函数。你可以先单独写个function来实现keyup事件的处理(例如，函数名为doIt)，然后把#begin/#end对象的keyup事件绑定到前面写的函数上。

jquery多事件绑定的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于jquery on绑定多个事件、jquery多事件绑定的信息别忘了在本站进行查找喔。