怎么通过jQuery对多个id的html元素进行.on的实时监听?
时间: 2024-09-19 12:18:12 浏览: 98
在jQuery中,如果你想要对多个具有特定ID的HTML元素进行实时(事件触发时立即执行)的监听,你可以使用`.on()`方法,并将`selector`设置为匹配多个元素的CSS选择器。例如,假设你想监听所有class为"target-class"的元素的点击事件,你可以这样做:
```javascript
$(".target-class").on("click", function() {
// 这里是你的处理函数,当点击任何一个目标元素时都会执行
});
```
如果你有多个ID需要监听,你可以在`selector`中使用逗号分隔它们,但是这种方法并不推荐,因为每个ID都应该有自己的事件处理器,以保持代码清晰和易于维护。如果ID数量较多,建议使用循环遍历并为每个ID添加单独的事件处理器。
```javascript
let idsToListen = ["id1", "id2", "id3"];
for (let id of idsToListen) {
$("#" + id).on("click", function() {
// 处理器内容...
});
}
```
这样,每个ID都有独立的事件监听。
相关问题
jquery监听多个input
您可以使用 jQuery 的 `on` 方法来监听多个 input 元素的变化。例如,如果您有三个 input 元素,它们的 ID 分别是 `input1`、`input2` 和 `input3`,您可以使用以下代码:
```
$("#input1, #input2, #input3").on("input", function() {
// 在这里编写处理输入变化的代码
});
```
这段代码将监听三个 input 元素的 `input` 事件,当任何一个 input 元素的值发生变化时,会触发事件处理函数。您可以在事件处理函数中编写处理输入变化的代码。
阅读全文