代码之家 › 专栏 › 技术社区 › Mechlar

检测DOM对象与jQuery对象

jquery dom javascript

Mechlar · 技术社区 · 15 年前

我有一个函数,希望能够允许传入常规javascript DOM元素对象或jQuery对象。如果它还不是jQuery对象,那么我将使它成为一个。

有没有人知道一个非常可靠的方法来检测这个。

function functionName(elm){
   //Detect if elm is not a jquery object in condition
   if (elm) elm = $(elm);

}

我也可以任意将其设置为jquery对象,因为jquery不存在诸如:$($imajQueryObjAlready)之类的问题;但是,这个问题的目的不仅仅是解决问题,而是找到一个好的方法来检测它是DOM对象还是jquery对象。

6 回复 | 直到 13 年前

user113716 15 年前

要测试DOM元素,可以检查 nodeType 属性:

if( elm.nodeType ) {
    // Was a DOM node
}

if( elm.jquery ) {
    // Was a jQuery object
}

karim79 15 年前

要测试jQuery对象,可以使用 instanceof

if(elm instanceof jQuery) {
    ...
}

或:

if(elm instanceof $) {
    ...
}

AndreKR 15 年前

if ( selector.nodeType )

(jQuery 1.4.3,第109行)

Zack Bloom 15 年前

最简单的方法是简单地将其传递到jQuery函数中。如果它已经是一个jQuery对象,它将原封不动地返回它:

function(elem){
   elem = $(elem);
   ...
}

从jQuery源代码中可以看出:

if (selector.selector !== undefined) {
    this.selector = selector.selector;
    this.context = selector.context;
}

return jQuery.makeArray( selector, this );

Han Seoul-Oh 15 年前

elm instanceof jQuery 是最简单的方法 elm.nodeType 会出错的 {nodeType:1} 对于DOM元素,并测试 elm.jquery {jquery:$()} 对于jQuery对象,除了不能保证将来的jQuery对象不会有 jquery 财产。

Bob Stein 9 年前

优雅的方式:

function is_jquery_object(x) {
    return window.jQuery && x instanceof jQuery;
}

function is_dom_object(x) {
    return window.HTMLElement && x instanceof HTMLElement;
}

当然它是DOM或jQuery对象,使用这些测试。(在 window 如果未定义类(例如jQuery未能加载),则测试有助于函数正常失败。)

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

1 年前

Alex · 在轻量级中同时解构和不解构变量

1 年前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

1 年前

bairog · 从按属性筛选的对象数组字典中创建值数组

1 年前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

1 年前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

user3472810 · Angular@Output/EventEmitter返回undefined

1 年前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

1 年前