javascript - 如何将多个 jQuery 对象收集到一个 jQuery 对象中？

Question

假设我有这些变量:

var container = $("div#my-awesome-section");
var foo_input = $("input[name=foo]", container);
var bar_input = $("input[name=bar]", container);

我想将事件处理程序绑定(bind)到两个输入。我希望这会起作用:

$([foo_input, bar_input]).on("keypress", function() { /* ... */ });

但是可惜，没有。有没有一种方便的方法将多个 jQuery 对象收集到一个中以达到这样的目的？

Answer 1

用于add() 在 jquery 中添加 jquery 对象

foo_input.add(bar_input).on("keypress", function() { /* ... */ });