jquery多个标签绑定同一个事件

步步静心

于 2022-02-14 09:14:55 发布

阅读量4k

点赞数 1

分类专栏：前端文章标签：前端

原文链接：https://blog.csdn.net/qq_34075559/article/details/75070410?spm=1001.2101.3001.6661.1&utm_medium=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7ECTRLIST%7ERate-1.pc_relevant_default&depth_1-utm_source=distribute.pc_relevant_t0.none-task-blog-2%7Edef

版权

前端专栏收录该内容

36 篇文章

订阅专栏

本文介绍了如何利用jQuery为多个元素一次性绑定相同的事件处理函数，以此简化代码，提高效率。通过逗号分隔的选择器，可以方便地选取并操作多个元素，如示例所示，对具有特定类名或ID的元素设置样式或响应点击事件。这种方法在前端开发中尤其常见，能够有效减少重复代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jQuery为多个元素绑定同一个事件的目的是当触发一个事件后，会同时影响多个元素，这样可以减少代码量，不用分开绑定事件了。

如果想为多个元素绑定同一个事件，可以使用英文逗号将不同的元素隔开。

下面是jQuery为多个元素绑定同一个事件的代码：

$("#div1,#divN,xxxxxxx").click(function(){ });

//在此示例中，具有类名“ p1 ”和“ p2 ”，id为“ div3 ”的元素将动态添加红色边框。
$(".p1, .p3, #div3").css("border", "2px solid red");

//在jQuery中，您可以通过用逗号“，”符号分隔多个元素来选择多个元素。例如，
$(.class1, .class2, #id1)
//$("#id1,#id2,#id3,#id4")

$("#homeMscTypeChk, #mscBox, #homeMscBox").change(function (){
     var isChecked = $(this).is(':checked');
     ```
})