Rileva oggetto DOM contro jQuery Object

Question

Ho una funzione che voglio essere in grado di consentire il passaggio in un oggetto elemento DOM javascript normale o in un oggetto jQuery. Se non è ancora un oggetto jQuery, lo renderò uno.

Qualcuno sa di un modo molto affidabile per rilevare questo.

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

} 

Un approccio logico consiste nel rilevare una delle proprietà dell'oggetto elemento DOM. La domanda è: quale proprietà sarebbe la più affidabile da rilevare?

Potrei anche solo renderlo un oggetto jquery in entrambi i casi poiché jQuery non ha problemi con qualcosa del tipo: $ ($ imajQueryObjAlready); Tuttavia, lo scopo di questa domanda non è solo risolvere il problema, ma trovare un buon modo per rilevare se si tratta di un oggetto DOM o di un oggetto jQuery.

Answer 1

Per verificare un elemento DOM, è possibile controllare la sua proprietà nodeType:

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

o si potrebbe controllare la proprietà jQuery:

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

Answer 2

jQuery lo fa in questo modo:

if (selector.nodeType) 

(jQuery 1.4.3, riga 109)

Answer 3

Per verificare un oggetto jQuery, è possibile utilizzare l'operatore di instanceof:

if(elm instanceof jQuery) { 
    ... 
} 

o:

if(elm instanceof $) { 
    ... 
} 

Answer 4

Il modo più semplice è quello di passare semplicemente alla funzione jQuery in entrambi i casi. Se è già un oggetto jQuery, tornerà invariato:

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

dal codice sorgente jQuery, questo è quello che sta succedendo:

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

return jQuery.makeArray(selector, this); 

Dove MakeArray sta fondendo il nuovo oggetto (di default) jQuery con il passato in uno.

Answer 5

elm instanceof jQuery è il modo più infallibile, come test elm.nodeType scambierebbe {nodeType:1} per un elemento DOM, e testare elm.jquery scambierebbe {jquery:$()} per un oggetto jQuery, oltre che vi sia alcun futuro garanzia oggetti jQuery non avrà una proprietà jquery .

Answer 6

Il modo elegante:

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

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

Sulla base di @ karim79 risposta, se avete bisogno di essere sicuri è sia un DOM o un oggetto jQuery, utilizzare questi test. (Il test window aiuta la funzione a fallire correttamente se la classe non è definita, ad esempio jQuery non è riuscito a caricare.)