jquery - 合并 jQuery 对象

Question

是否可以将多个 jQuery DOM 对象合并到一个数组中并在所有对象上调用 jQuery 方法？

F.例如:

<button>one</button>
<h3>two</h3>

<script>

var btn = $('button');
var h3 = $('h3');

$([btn,h3]).hide();

</script>

这行不通。我知道我可以在这里使用 'button,h3' 选择器，但在某些情况下我已经有几个 jQuery DOM 元素并且我需要合并它们以便我可以在所有这些元素上调用 jQuery 原型(prototype)。

类似于:

$.merge([btn,h3]).hide();

会起作用。有什么想法吗？

更新:

解决了。你可以这样做:

$.fn.add.call(btn,h3);

我将接受 add() 为我指明正确方向的建议。

Answer 1

.add()完全符合您的要求。

h3.add(btn).hide();

如果你想让自己更方便一些，像你的问题一样使用“合并”功能，可以很容易地添加:

$.merge = function(objs) {
    var ret = objs.shift();
    while (objs.length) {
        ret = ret.add(objs.shift());
    }
    return ret;
};

$.merge([h3, btn]).hide()