jquery多个元素绑定一个事件，jq如何绑定多个事件

JavaScript中利用jQuery绑定事件的几种方式小结_jquery

新建一个静态页面bind.html，并引入jquery核心文件。在标签中，插入一个button按钮，添加id属性值。在标签中，添加按钮点击事件，利用on()方法绑定。

简而言之click方法是JQuery实现的方法，onclick是js原生的click事件绑定方法。使用click方法必须引入jquery相关文件，onclick则不需要。

一．绑定事件 jQuery 通过.bind()方法来为元素绑定这些事件。

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

第二中方法是使用jquery的one()方法，为元素绑定一个一次性的事件处理函数，这个事件处理函数只会被执行一次。第三种方法是在每次绑定点击事件前先解除之前的事件绑定，再为元素绑定事件，类似于先清空，在做操作一样。

unbind()：移除bind进行的绑定。 live()到目前为止，一切似乎很完美。可惜，事实并非如此。

相关问答

Q1: jquery绑定点击事件的方法

delegate用于事件委托，也是绑定过JavaScript或者jQuery添加的DOM元素事件。

removeClass()定义和用法：removeClass() 方法从被选元素移除一个或多个类。如果没有规定参数，则该方法将从被选元素中删除所有类。addClass()定义和用法：addClass() 方法向被选元素添加一个或多个类。

bind（）方法为每个匹配元素的特定事件绑定事件处理函数。bind（）方法的底层逻辑是on（）方法。 .bind() 方法是用于往文档上附加行为的主要方式。

$(div).live(click，function(){})：方法附加的事件处理程序适用于匹配选择器的当前及未来的元素（比如由脚本创建的新元素）。

Q2: Jquery如何给ul下每个li都加上点击事件

肯定是先引入jquery库，可以选择下载本地引用，也可以在线引用。on函数，这个是官方推荐使用的函数，因为其他方法都是内部调用on来完成的，直接使用on可以提高效率。

第一步，创建一个新的html文件，见下图，转到下面的步骤。第二步，执行完上面的操作之后，创建输入框和按钮，见下图，转到下面的步骤。第三步，执行完上面的操作之后，预览效果见下图，转到下面的步骤。

})；/script 在这个示例中，我们首先获取了id为myList的ul元素，然后通过addEventListener方法将点击事件绑定到ul元素上。当点击ul元素的子元素li时，事件会冒泡到ul元素上，触发事件处理函数。

解决方法为：新建html文件。创建输入框和按钮。预览效果如图。接下来需要引入jquery.js。设置输入框 keydown 事件和click 事件。按钮点击触发事件。click按钮按下效果如图。

(ul li).each(function(i){ //i就是li的索引， 给不同的i绑定不同的事件即可。

HTML结构：设计三个li元素ul id=test、 liGlen/li、liTane/li、liJohn/li、/ul。

Q3: jquery,怎么给多个元素绑定同一个事件问题,传变量方式

一．绑定事件 jQuery 通过.bind()方法来为元素绑定这些事件。

on() 方法在被选元素及子元素上添加一个或多个事件处理程序。自 jQuery 版本 7 起，on() 方法是 bind()、live() 和 delegate() 方法的新的替代品。

把同样的代码写在同一个方法里，然后想要点击的就调用这个方法就可以了。

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

bind()简要描述 bind()向匹配元素添加一个或多个事件处理器。

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

Q4: 使用jquery对dom元素进行事件绑定,有几种方法?有哪些事件可以绑定

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

jQuery 支持三种事件委托方法：on、live 和 delegate。

jQuery事件的绑定和委托可以用多种方法实现，on() 、 bind() 、 live() 、 delegate() ，还有one()。

on() 方法在被选元素及子元素上添加一个或多个事件处理程序。自 jQuery 版本 7 起，on() 方法是 bind()、live() 和 delegate() 方法的新的替代品。

Q5: jquery中怎样给每一个li,添加mouseover事件

虽然我不知道你的代码能实现什么效果，但根据你的描述，觉得楼主可以考虑一下使用each()这个方法。使用each遍历每一个#fmenu li，给每一个#fmenu li添加mouseover事件。

jquery可以通过选择器选择一类的标签集合。然后通过$(this)指向当前对象。 $(#ul li)这个可以获取id为ul下的所有的li 当鼠标经过某个li是使用$(this)表示当前的li对象在进行操作。

(像click()，focus()，keydown()这样的事件这里就不提了，那些都是开发中比较常用到的。

方法很多，建议将jquery的语法研读一下。

给需要添加这个效果的控件添加对应的class，然后使用class触发mouseover事件与mouseout事件，一个为穿过时触发，一个为离开时触发。或者可以直接使用hover事件，包含了这两者的功能。在触发事件中，修改对应控件的样式即可。

关于jquery多个元素绑定一个事件和jq如何绑定多个事件的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。