Recuperando elementos DOM nativos de objetos jQuery?

Question

¿Cómo puedo obtener jQuery para devolver los elementos de DOM nativos que encapsula?

Answer 1

Cuando encuentre elementos con jQuery, se puede conseguir con la función de "obtener":

var regularElement = $('#myElementId').get(0); 

Dentro de una ".Cada()" función, el puntero 'this' se refiere a un 'verdadero' elemento:

$('input.special').each(function() { 
    var type = this.type; 
    this.value = "exploding balloon"; 
    // etc 
}) 

El uso de jQuery no hace que Javascript sea "diferente". Es es Javascript, y el DOM sigue siendo el DOM.

Answer 2

$('myTag').get(0) devuelve el elemento HTML.

Answer 3

Supongo que está tratando de verificar si su objeto jQuery es la primera instancia de "cheese_tag". Puede encontrar la primera etiqueta con el selector :first y luego no tendrá que hacer la comparación. Por ejemplo, obtenga la primera etiqueta div que sería: $('div:first').

Para obtener la lista completa de selectores de jQuery, consulte el documentation.

Answer 4

Otras personas ya han respondido directamente la pregunta. Usa el método get().

Sin embargo, la mayoría de las veces usted quiere usar métodos jQuery para hacer la manipulación en lugar de tener acceso al elemento DOM sin procesar y luego modificarlo usando el JavaScript "estándar".

Por ejemplo, con jQuery puedes decir $ ('mySelector'). AddClass ('myClass') para agregar una clase CSS a un elemento DOM. Esto es mucho más complicado (y específico del navegador) usando la manipulación DOM directa. Este concepto se extiende a casi todas las demás manipulaciones DOM que quisieras hacer.

Answer 5

jQuery utiliza el Sizzle Selector Engine *. Puedes usarlo solo.

^{* Confirmado por Doug Neiner, que significa que es justo;)}

Answer 6

Un objeto jQuery es una envoltura array-como alrededor de uno o más elementos de DOM. Para obtener una referencia a los elementos DOM reales (en lugar del objeto jQuery), tiene dos opciones. La primera (y más rápido) método es utilizar la notación de matriz:

$("#foo")[ 0 ]; // Equivalent to document.getElementById("foo") 

El segundo método es utilizar la función .get():

$("#foo").get(0); // Identical to above, only slower. 

También puede llamar .get() sin ningún argumento para recuperar una verdadera matriz de elementos DOM.