Verifique se o objeto é um objeto jQuery

Existe uma maneira rápida de verificar se um objeto é um objeto jQuery ou um objeto JavaScript nativo?

exemplo:

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

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

doStuff(o);
doStuff(e);

obviamente, o código acima funciona, mas não é seguro. Você pode adicionar uma chave seletora ao oobjeto e obter o mesmo resultado. Existe uma maneira melhor de garantir que o objeto seja realmente um objeto jQuery?

Algo alinhado com (typeof obj == 'jquery')

Você pode usar o instanceofoperador:

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

Explicação : a jQueryfunção (aka $) é implementada como uma função construtora . As funções do construtor devem ser chamadas com o newprefixo.

Quando você liga $(foo), internamente, o jQuery traduz isso para new jQuery(foo)¹ . O JavaScript passa a inicializar thisdentro da função construtora para apontar para uma nova instância de jQuery, definindo suas propriedades para as encontradas em jQuery.prototype(aka jQuery.fn). Assim, você obtém um newobjeto onde instanceof jQueryestá true.

¹ _{Na verdade, é new jQuery.prototype.init(foo): a lógica do construtor foi transferida para outra função do construtor chamada init, mas o conceito é o mesmo.}

Você também pode usar a propriedade .jquery conforme descrito aqui: 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! ');
}

Confira a instância do operador.

var isJqueryObject = obj instanceof jQuery

A melhor maneira de verificar a instância de um objeto é através do instanceof operator ou com o método isPrototypeOf (), que inspeciona se o protótipo de um objeto está na cadeia de protótipos de outro objeto.

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

Mas, às vezes, pode falhar no caso de várias instâncias do jQuery em um documento. Como @Georgiy Ivankin mencionou:

se eu tenho $no meu namespace atual apontando para jQuery2e eu tenho um objeto do namespace externo (onde $está jQuery1), não tenho como usar instanceofpara verificar se esse objeto é um jQueryobjeto

Uma maneira de superar esse problema é aliasing do objeto jQuery em um fechamento ou IIFE

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

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

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

Outra maneira de superar esse problema é consultando a jquerypropriedade emobj

'jquery' in obj

No entanto, se você tentar executar essa verificação com valores primitivos, ocorrerá um erro, para que você possa modificar a verificação anterior, garantindo objumaObject

'jquery' in Object(obj)

Embora a maneira anterior não seja a mais segura (você pode criar a 'jquery'propriedade em um objeto), podemos melhorar a validação trabalhando com as duas abordagens:

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

O problema aqui é que qualquer objeto pode definir uma propriedade jquerycomo própria, portanto, uma abordagem melhor seria perguntar no protótipo e garantir que o objeto não seja nullou nãoundefined

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

Devido à coerção , a ifdeclaração entrará em curto-circuito avaliando o &&operador quando objalguma das Falsas valores (null,undefined,false,0,""), e então começa a executar as outras validações.

Finalmente, podemos escrever uma função utilitária:

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

Vamos dar uma olhada em: Operadores lógicos e verdade / falsidade

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

No entanto, há mais uma maneira de verificar o objeto no jQuery.

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

Eu fiz exemplo para entender as coisas, jsfiddle link

Para aqueles que desejam saber se um objeto é um objeto jQuery sem ter o jQuery instalado, o seguinte snippet deve fazer o trabalho:

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

Você pode verificar se o objeto é produzido pelo JQuery com a jquerypropriedade:

myObject.jquery // 3.3.1

=> retorna o número da versão do JQuery se o objeto produzido pelo JQuery. => caso contrário, ele retornaundefined

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

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

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