网创优客建站品牌官网
为成都网站建设公司企业提供高品质网站建设
热线:028-86922220
成都专业网站建设公司

定制建站费用3500元

符合中小企业对网站设计、功能常规化式的企业展示型网站建设

成都品牌网站建设

品牌网站建设费用6000元

本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...

成都商城网站建设

商城网站建设费用8000元

商城网站建设因基本功能的需求不同费用上面也有很大的差别...

成都微信网站建设

手机微信网站建站3000元

手机微信网站开发、微信官网、微信商城网站...

建站知识

当前位置:首页 > 建站知识

jquery能不能给多个元素一起绑定事件

这篇文章主要介绍“jquery能不能给多个元素一起绑定事件”,在日常操作中,相信很多人在jquery能不能给多个元素一起绑定事件问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”jquery能不能给多个元素一起绑定事件”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!

坚守“ 做人真诚 · 做事靠谱 · 口碑至上 · 高效敬业 ”的价值观,专业网站建设服务10余年为成都成都混凝土搅拌站小微创业公司专业提供企业网站设计营销网站建设商城网站建设手机网站建设小程序网站建设网站改版,从内容策划、视觉设计、底层架构、网页布局、功能开发迭代于一体的高端网站建设服务。

jquery能给多个元素一起绑定事件。绑定方法:在使用选择器选择元素时,将元素选择器使用英文逗号隔开,就可以为多个元素一起绑定事件,并且支持多种选择器混合使用,语法为“$(元素1,元素2,元素3...).事件(事件处理函数)”。

本教程操作环境:windows10系统、jquery3.2.1版本、Dell G3电脑。

jquery能给多个元素一起绑定事件吗

之前在开发过程中曾遇到给表格内的每一行或者每一列绑定同一事件,使用的方式为jquery遍历该列元素,使用foreach给每个单元格绑定事件。今天要说的是同一个点击事件,在不同的元素上交互触发的绑定方式。

具体方式如下:

$("#id1, .class1, #id2, .class2").unbind("click").click(function(){
    console.log("test");
})

在使用选择器选择元素时,使用英文逗号隔开,同时支持选择器混合使用,即可为不同元素绑定同一事件。

示例如下:





$(document).ready(function(){
  $(".bt1,#bt1").click(function(){
    $("p").slideToggle();
  });
});



这是一个段落。

切换 切换

输出结果:

jquery能不能给多个元素一起绑定事件

到此,关于“jquery能不能给多个元素一起绑定事件”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注创新互联网站,小编会继续努力为大家带来更多实用的文章!


分享名称:jquery能不能给多个元素一起绑定事件
网站路径:http://bjjierui.cn/article/gjjpch.html

其他资讯