javascript - 如何将 jQuery 的 $ ('#foo' ) 转换为由 document.createElement 创建的对象？

Question

我有一个函数，它获取 document.createElement 的返回值并将其放在屏幕上的弹出窗口中。但是，我希望传递给弹出窗口的这个对象是一个已经创建的 div，这样我就可以轻松地操作弹出窗口的内容。

基本上，我想把这个:

var magicDiv = document.createElement('div');

进入:

var magicDiv = $('#divToBeTurnedIntoElement').html();

在第一种情况下，document.createElement 有一个特定的返回对象。我正在寻找返回与 document.createElement 相同类型的对象的 jQuery 函数。在这两种情况下，magicDiv 应该是完全相同的对象，但对于 jQuery 版本，它是基于现有的 div 创建的。我怎样才能做到这一点？

Answer 1

我想你要找的是 DOM object . DOM 对象通常由 DOM 选择和创建方法返回，例如 document.createElement 和 document.getElementById。

一个 jQuery 对象包含一个 DOM 对象列表(或者，实际上，是一个列表)。 jQuery 通过在 jQuery 对象上公开标准化 API，为您省去了直接与 DOM 对象(在浏览器中实现不一致的 API)交互的麻烦。

为了从 jQuery 实例中提取低级 DOM 对象，您可以使用 .get(n)从 jQuery 对象的 DOM 元素列表中获取第 n 个 DOM 元素:

var magicDiv = $('#divToBeTurnedIntoElement').get(0);

您还可以使用普通数组索引，$('#divToBeTurnedIntoElement')[0]，它更短一些但灵 active 稍差(例如，它不支持负索引)。