使用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;
}
这足够聪明,每次都可以避免有条件的检查。
Detect DOM object vs. jQuery Object似乎包含了这个问题的答案。
每个jQuery对象都有一个jquery属性。就像是:
function unwrap(obj) {
return (obj.jquery) ? obj.get(0) : obj;
}
将所有内容包装在jQuery中然后从结果数组中获取第0个元素会更有意义:
jQuery( elem )[0];
如果传递了jQuery对象,jQuery( jQueryObject )
将以相同的顺序返回相同的元素。如果传递元素,则返回元素。如果传递一个jQuery对象,这将返回其中的第一个元素。如果传递选择器,则返回DOM中的第一个匹配项。
我们在jQuery UI中使用类似的技术来基本上解析您在选项中传递给widget的任何selector / element / jquery对象。