javascript - 获取 jQuery() 选择的默认(？)元素

Question

我确信有一个简单的解决方案。

初始场景如下。我创建了一个 <select>元素并动态地填充它:

function CreateDropDown(name, id, optionList)
{
    var combo = $("<select></select>").attr("id", id).attr("name", name);

    $.each(optionList, function (i, item) {
        combo.append("<option value='"+item.val+"'>" + item.el + "</option>");
    });

    return combo;
}

目的是提取外部 HTML。以下是正确的:

combo[0].outerHTML();

但是我觉得索引数组很粗糙。至少在 jQuery() 函数返回单个元素数组的所有情况下都是如此。

问题

每当 jQuery() 函数返回单个元素数组时，是否可以不使用数组索引 来获取唯一元素？

Demo

Answer 1

jQuery 对象本质上是 DOM 对象的集合，没有语法方法可以将 jQuery 对象视为单个项目的包装器。

jQuery 文档建议使用 get method访问单个 DOM 元素。它没有评论索引运算符和 .get() 之间的性能差异，但它确实说“每个 jQuery 对象也伪装成一个数组”，所以假设索引运算符只是添加另一个方法调用。