安全地解包jQuery实例以获取包装的DOM元素

问题描述 投票:2回答:2

使用jQuery包装两次HTML元素是一种安全的操作,因为它返回相同DOM元素的实例:

var $a = $('#foo');
var $b = $($a);
alert($b.get(0) === $a.get(0)); // true

它允许灵活设置配置对象,可以包含选择器,DOM元素或jQuery实例。

我不知道,所以在我的个人库中,我使用方法扩展jQuery以安全地包装和解包对象。

在jQuery核心中是否存在从其相对jQuery实例中解包DOM元素的安全向后操作?

我的意思是这样的事情:

function unwrap(obj) {
    return (obj instanceof jQuery) ? obj.get(0) : obj;
}

这足够聪明,每次都可以避免有条件的检查。

javascript jquery dom
2个回答
1
投票

Detect DOM object vs. jQuery Object似乎包含了这个问题的答案。

每个jQuery对象都有一个jquery属性。就像是:

function unwrap(obj) {
    return (obj.jquery) ? obj.get(0) : obj;
}

1
投票

将所有内容包装在jQuery中然后从结果数组中获取第0个元素会更有意义:

jQuery( elem )[0];

如果传递了jQuery对象,jQuery( jQueryObject )将以相同的顺序返回相同的元素。如果传递元素,则返回元素。如果传递一个jQuery对象,这将返回其中的第一个元素。如果传递选择器,则返回DOM中的第一个匹配项。

我们在jQuery UI中使用类似的技术来基本上解析您在选项中传递给widget的任何selector / element / jquery对象。

© www.soinside.com 2019 - 2024. All rights reserved.