创建一组jquery对象的最简单方法

Question

是的，我所做的就是

   A.add(B).add(C).add(D).show()

虽然 A、B、C、D 是 jQuery 对象。我想知道是否有更简单的方法可以做到这一点？ 我已经尝试了以下所有方法，但没有结果：

$(A,B,C,D).show()
A.add(B,C,D).show()

欢迎所有建议！

---

添加以澄清问题：

“.show()”部分仅用于演示。我只是想知道如何创建一组 JQuery 对象，例如 $('p') 创建一组 p 标签。

在我的真实案例中，我使用

$([A,B,C,D]).each(fn)

而不是 .show() （我想知道为什么这有效？） 显然

$([A,B,C,D]).each(fn)
$('p').each(fn)

两者都有效。但

$([A,B,C,D]).show()  //--doesn't work
$('p').show()        //--works

只有第二行有效。有谁知道它们之间的区别？ （我只是认为它们是相同的，然后在我的问题中做了一些纠结）

Answer 1

$.each([A,B,C,D], function(){ 
    $(this).css('background','red'); 
})

该解决方案不使用选择器，而是使用名为 $.each 的 jQuery 方法，该方法采用数组并迭代它。传递的数组是一组 jQuery 对象。 $(this) 指的是每次迭代的 jQuery 对象。

演示： http://jsfiddle.net/SCjMc/1/

---

关于 $() 工作原理的其他事实：

$(element) 是 jQuery(element) 的快捷方式。 jQuery() 方法接受一组不同的参数：

的描述每种类型的参数都可以在此链接中找到。

参数类型之一是“elementArray”。对此的描述是：

elementArray 包含一组要包装在 jQuery 对象中的 DOM 元素的数组。

问题是，当您使用 jQuery 选择一个元素时，它会返回一个 jQuery 对象，而不是直接返回 DOM 元素。因此，这将不会返回任何元素：

var element1 = $("selector1");
var element2 = $("selector2");
$([element1,element2]) // will not return any elements

要返回 DOM 元素而不是 jQuery 对象，您必须访问 jQuery 对象的 0 位置的属性。如下：$("element")[0]。这就是为什么这个会起作用：

var element1 = $("selector1")[0]; //accessing dom element 
var element2 = $("selector2")[0]; //from jQuery object
$([element1,element2])

Answer 2

这是我能想到的最短版本：

A.add([B[0], C[0], D[0]]).show();

它传递一个元素数组，而不是 jQuery 对象。仅当 B、C 和 D 是单元素数组时才有效。

http://jsfiddle.net/nrabinowitz/Jb6VD/1/

Answer 3

假设您有原始 DOM 元素（不是 jQuery 对象，例如 $('#abc') 或 $('.abc')），无需使用 add：

$([A,B,C,D]).show();

请参阅 $(.. .) 函数了解详细信息。

---

如果您确实想要类似 $(A,B,C,D) 的内容，其中 A,B,C,D 是 jQuery 对象，那么唯一真正的方法是推出自己的功能。

这可以解决问题：

var all = function() {
    var objs = $();
    $.each(arguments, function(i,e) {
        objs = objs.add(e);
    });
    return objs;
};

// ...

all(A,B,C,D).show();

工作示例： http://jsfiddle.net/Jb6VD/5/

Answer 4

要获得由多个 jQuery 对象（在某种程度上“只是”数组）合并而成的集合，您可以使用 $.merge：

var union = $.merge( $.merge(A,B), $.merge(C,D) );

$.merge 只能工作在一对数组上，因此在大量 jQuery 对象上使用它会变得非常烦人......在这种情况下，您可以使用 $().get() 来获取“原始”数组并将它们连接在一起：

var union = $([].concat(A.get(), B.get(), C.get(), ...));
// Assuming A, B, C... are jQuery objects