jquery能不能给多个元素一起绑定事件
jquery能不能给多个元素一起绑定事件
发布时间：2022-04-27 11:31:30 来源：高防服务器网 阅读：88 作者：iii 栏目：web开发
这篇文章主要介绍“jquery能不能给多个元素一起绑定事件”，在日常操作中，相信很多人在jquery能不能给多个元素一起绑定事件问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”jquery能不能给多个元素一起绑定事件”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！
jquery能给多个元素一起绑定事件。绑定方法：在使用选择器选择元素时，将元素选择器使用英文逗号隔开，就可以为多个元素一起绑定事件，并且支持多种选择器混合使用，语法为“$(元素1,元素2,元素3…).事件(事件处理函数)”。
本教程操作环境：windows10系统、jquery3.2.1版本、Dell G3电脑。
jquery能给多个元素一起绑定事件吗
之前在开发过程中曾遇到给表格内的每一行或者每一列绑定同一事件，使用的方式为jquery遍历该列元素，使用foreach给每个单元格绑定事件。今天要说的是同一个点击事件，在不同的元素上交互触发的绑定方式。
具体方式如下：
$("#id1, .class1, #id2, .class2").unbind("click").click(function(){ console.log("test"); })
在使用选择器选择元素时，使用英文逗号隔开，同时支持选择器混合使用，即可为不同元素绑定同一事件。
示例如下：
<html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(".bt1,#bt1").click(function(){ $("p").slideToggle(); }); }); </script> </head> <body> <p>这是一个段落。</p> <button class="bt1">切换</button> <button id="bt1">切换</button> </body> </html>
输出结果：
到此，关于“jquery能不能给多个元素一起绑定事件”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注高防服务器网网站，小编会继续努力为大家带来更多实用的文章！
[微信提示：高防服务器能助您降低 IT 成本，提升运维效率，使您更专注于核心业务创新。
[图文来源于网络，不代表本站立场，如有侵权，请联系高防服务器网删除]
[