Obtener el elemento base de un objeto jQuery

Question

Estoy luchando por encontrar la terminología correcta aquí, pero si tienes un objeto jQuery...

$('#MyObject')

...¿es posible extraer el elemento base?Es decir, el equivalente de esto:

document.getElementById('MyObject')

Answer 1

Si, usa .get(index).De acuerdo con la documentación:

El .get() El método otorga acceso a los nodos DOM subyacentes a cada objeto jQuery.

Answer 2

$('#MyObject').get(0);

Creo que eso es lo que quieres.Creo que también puedes hacer referencia a él como una matriz normal con:

$('#MyObject')[0];

Pero no estoy seguro de que eso funcione siempre.Quédate con la primera sintaxis.

Answer 3

Un objeto jQuery es un conjunto de elementos.En su caso, un conjunto de un elemento.Esto difiere de otras bibliotecas, que envuelven elementos individuales y proporcionan una sintaxis alternativa para selectores que devuelven múltiples coincidencias.

Aarón W. y VolkerK Ya se explicó cómo acceder al primer elemento (índice 0) del conjunto.

Answer 4

Probé las declaraciones de Aaron en todos los navegadores que tengo disponibles en mi caja:

$('#MyObject').get(0);

vs

$('#MyObject')[0];

Hasta donde puedo decir, es sólo una cuestión de preferencia personal.

Funcionalmente, ambas declaraciones son equivalentes tanto para elementos existentes como para elementos no existentes.Probé los siguientes navegadores:Cromo 27.0, FF 21.0, IE10, IE9, IE8, IE7, IE6.

En las pruebas de velocidad que realicé, no siempre fue posible saber qué variación era más rápida;el resultado no siempre fue consistente, incluso en el mismo navegador.Para las pruebas de velocidad, sólo probé elementos existentes.Los resultados de mi prueba son aquí.