如何使用jQuery对象构建jQuery对象

Question

我有两个不同的jQuery对象,一个来自选择器查询,另一个来自html代码.现在我想从这些对象中创建另一个jQuery对象来对它们进行操作.

正如你在这里看到的那样(http://jsfiddle.net/D799Y/),可以通过使用"get"操作并构建一个元素数组来实现:

var $first = $('div.first'),
    $overlay = $('<div class="overlay" />'),
    $list;

$first.before($overlay);

// build list out of elements
$list = $([ $first.get(0), $overlay.get(0) ]);

// modify the list
$list.css('border', '2px solid green');

有没有办法直接从两个jQuery对象中创建$ list？你能把jQuery对象添加到另一个吗？

如果fi $first包含多个元素,这也会更有趣.

顺便说一下,我知道这种可能性,但它太令人不满了.:)

$list = $(".first,.pane");

Answer 1

您只需使用add()方法:

$list = $first.add($overlay);

请注意,add()它是非破坏性的:它创建一个新的jQuery对象,而不是修改它所调用的对象,这就是你想要的.