javascript - jQuery add() 方法的奇怪行为

Question

我有两段相同(？)的代码:

var x = document.createElement('div');
var y = document.createElement('div');
var z = $().add(x).add(y);
console.log(z);

和

var x = document.createElement('div');
var y = document.createElement('div');
var z = $();
z.add(x);
z.add(y);
console.log(z);

第一个例子告诉我:+Object[div, div]

还有其他:对象[]

为什么？？？

fiddle :http://jsfiddle.net/d3x7gsLu/

更多魔法:http://jsfiddle.net/d3x7gsLu/1/

更新:

第一个正确答案:https://stackoverflow.com/a/31798686/3558278

现在我的问题:

如何在不创建新的 jQuery 对象的情况下实现它(将元素附加到内部集合中)？因为实际上我有很多很多元素。

UPD2:

在这里回答:Aggregating a jQuery object?

谢谢大家!

Answer 1

来自jQuery API :

Given a jQuery object that represents a set of DOM elements, the .add() method constructs a new jQuery object from the union of those elements and the ones passed into the method. The argument to .add() can be pretty much anything that $() accepts, including a jQuery selector expression, references to DOM elements, or an HTML snippet.

这意味着您的示例不相等，要相等，您的第二个示例应如下所示:

var x = document.createElement('div');
var y = document.createElement('div');
var z = $();
z = z.add(x);
z = z.add(y);
console.log(z);