Compruebe si el objeto es un objeto jQuery

¿Existe una forma rápida de verificar si un objeto es un objeto jQuery o un objeto JavaScript nativo?

ejemplo:

var o = {};
var e = $('#element');

function doStuff(o) {
    if (o.selector) {
        console.log('object is jQuery');
    }
}

doStuff(o);
doStuff(e);

obviamente, el código anterior funciona pero no es seguro. Potencialmente, podría agregar una tecla selectora al oobjeto y obtener el mismo resultado. ¿Hay una mejor manera de asegurarse de que el objeto sea realmente un objeto jQuery?

Algo en línea con (typeof obj == 'jquery')

Puedes usar el instanceofoperador:

if (obj instanceof jQuery){
    console.log('object is jQuery');
}

Explicación : la jQueryfunción (aka $) se implementa como una función constructora . Las funciones de constructor deben llamarse con el newprefijo.

Cuando llamas $(foo), internamente jQuery traduce esto a new jQuery(foo)¹ . JavaScript procede a inicializarse thisdentro de la función constructora para apuntar a una nueva instancia de jQuery, estableciendo sus propiedades a las que se encuentran en jQuery.prototype(aka jQuery.fn). Por lo tanto, obtienes un newobjeto donde instanceof jQueryestá true.

¹ _{En realidad es new jQuery.prototype.init(foo): la lógica del constructor se ha descargado a otra función de constructor llamada init, pero el concepto es el mismo.}

También puede usar la propiedad .jquery como se describe aquí: http://api.jquery.com/jquery-2/

var a = { what: "A regular JS object" },
b = $('body');

if ( a.jquery ) { // falsy, since it's undefined
    alert(' a is a jQuery object! ');    
}

if ( b.jquery ) { // truthy, since it's a string
    alert(' b is a jQuery object! ');
}

Echa un vistazo a la instancia de operador.

var isJqueryObject = obj instanceof jQuery

La mejor manera de verificar la instancia de un objeto es a través del operador instanceof o con el método isPrototypeOf () que inspecciona si el prototipo de un objeto está en la cadena de prototipos de otro objeto.

obj instanceof jQuery;
jQuery.prototype.isPrototypeOf(obj);

Pero a veces puede fallar en el caso de varias instancias de jQuery en un documento. Como @Georgiy Ivankin mencionó:

si tengo $en mi espacio de nombres actual apuntando jQuery2y tengo un objeto del espacio de nombres externo (donde $está jQuery1), entonces no tengo forma de usarlo instanceofpara verificar si ese objeto es un jQueryobjeto

Una forma de superar ese problema es aliasar el objeto jQuery en un cierre o IIFE

//aliases jQuery as $
(function($, undefined) {
    /*... your code */

    console.log(obj instanceof $);
    console.log($.prototype.isPrototypeOf(obj));

    /*... your code */
}(jQuery1));
//imports jQuery1

Otra forma de superar ese problema es preguntando la jquerypropiedad enobj

'jquery' in obj

Sin embargo, si intenta realizar esa comprobación con valores primitivos, arrojará un error, por lo que puede modificar la comprobación anterior asegurándose objde ser unObject

'jquery' in Object(obj)

Aunque la forma anterior no es la más segura (puede crear la 'jquery'propiedad en un objeto), podemos mejorar la validación trabajando con ambos enfoques:

if (obj instanceof jQuery || 'jquery' in Object(obj)) { }

El problema aquí es que cualquier objeto puede definir una propiedad jquerycomo propia, por lo que un mejor enfoque sería preguntar en el prototipo y asegurarse de que el objeto no nullseaundefined

if (obj && (obj instanceof jQuery || obj.constructor.prototype.jquery)) { }

Debido a la coacción , la ifdeclaración hará cortocircuito mediante la evaluación del &&operador cuando objes cualquiera de los Falsy valores ( null, undefined, false, 0, ""), y luego procede a realizar las validaciones otros.

Finalmente podemos escribir una función de utilidad:

function isjQuery(obj) {
  return (obj && (obj instanceof jQuery || obj.constructor.prototype.jquery));
}

Echemos un vistazo a: Operadores lógicos y verdadero / falso

return el instanceof jQuery ? el.size() > 0 : (el && el.tagName);

Sin embargo, hay una forma más de verificar el objeto en jQuery.

jQuery.type(a); //this returns type of variable.

He hecho un ejemplo para entender cosas, enlace jsfiddle

Para aquellos que desean saber si un objeto es un objeto jQuery sin tener jQuery instalado, el siguiente fragmento debe hacer el trabajo:

function isJQuery(obj) {
  // Each jquery object has a "jquery" attribute that contains the version of the lib.
  return typeof obj === "object" && obj && obj["jquery"];
}

Puede verificar si el objeto es producido por JQuery con la jquerypropiedad:

myObject.jquery // 3.3.1

=> devuelve el número de la versión de JQuery si el objeto producido por JQuery. => de lo contrario, devuelveundefined

var elArray = [];
var elObjeto = {};

elArray.constructor == Array //TRUE
elArray.constructor == Object//TALSE

elObjeto.constructor == Array//FALSE
elObjeto.constructor == Object//TRUE