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

时间:2025-03-18 22:26:06

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');
     ```
})