En el ejemplo anterior, también es posible tomar el esta haga referencia y pásela a la función jQuery para que el elemento DOM se ajuste con la funcionalidad jQuery.

Así que en lugar de esto:

 // Acceda al atributo ID del elemento DOM. alerta (this.id);

Podríamos haber hecho esto:

 // Envuelva el elemento DOM con un objeto jQuery, // y luego use attr () para acceder al valor de ID. alerta ($ (este) .attr ('id'));

Esto es posible porque la función jQuery no solo toma expresiones de selector, también toma referencias a elementos DOM. En el codigo, esta es una referencia a un elemento DOM.

La razón por la que podría querer envolver la funcionalidad jQuery alrededor de un elemento DOM debería ser obvia. Si lo hace, le ofrece la posibilidad de utilizar el encadenamiento jQuery, en caso de que lo necesite..

Iterar sobre un conjunto de elementos contenidos en el conjunto de envoltura jQuery es algo similar al concepto que acabamos de discutir. Usando el jQuery cada() método, podemos iterar sobre cada elemento DOM contenido en un conjunto de envoltura. Esto permite el acceso a cada elemento DOM individualmente, a través del uso del esta palabra clave.

Extracción de elementos de un conjunto de envoltorios, usándolos directamente sin jQuery

Como se demostró, jQuery proporciona la práctica obtener() Método para acceder a elementos DOM en un índice específico en el conjunto de envoltura.

Pero hay otra opción aquí. Se puede evitar usar el obtener() Método simplemente usando la notación de matriz de corchete en el objeto jQuery. En el contexto de nuestro ejemplo de código anterior:

Este codigo

 $ ('a'). get (0) .title = 'jQuery.com';

Podría convertirse en esto:

 $ ('a') [0] .title = 'jQuery.com';

Ambos permiten el acceso al elemento DOM real. Personalmente, prefiero la notación de corchete. Es más rápido porque utiliza JavaScript nativo para recuperar el elemento de una matriz, en lugar de pasarlo a un método.

sin embargo, el obtener() El método proporciona una solución elegante para colocar todos los elementos DOM en una matriz nativa. Simplemente llamando al obtener() método sin pasarle un parámetro de índice, el método devolverá todos los elementos DOM en el conjunto de envoltorio en una matriz de JavaScript nativa.

    jQuery.com jQuery.com jQuery.com    

Notas: Utilizando obtener() terminará el encadenamiento de jQuery. Tomará el conjunto de envoltura y lo cambiará en una simple matriz de elementos DOM que ya no están envueltos con la funcionalidad jQuery. Por lo tanto, utilizando el .fin() método no puede restaurar el encadenamiento después .obtener().

Comprobando si el conjunto de envoltura está vacío

Antes de comenzar a operar en un conjunto de envoltorios, es lógico verificar que, de hecho, haya seleccionado algo. La solución más sencilla es utilizar un Si Declaración para verificar si el conjunto de envoltura contiene algún elemento DOM.

La verdad del asunto es la anterior. Si las declaraciones no son totalmente necesarias, porque jQuery fallará en silencio si no se encuentran elementos. Sin embargo, cada método encadenado a cualquier conjunto de envoltura vacío aún se invoca. Así que mientras que en realidad podríamos renunciar al uso de la Si declaraciones, es probable que sea una buena regla general para usarlos. La invocación de métodos en un conjunto de envoltorios vacío podría causar un procesamiento innecesario, así como resultados indeseables si los métodos devuelven valores distintos al conjunto de envoltorios, y se actúa sobre ellos..

Creando un alias cambiando el nombre del objeto jQuery

jQuery proporciona el no conflicto() método que tiene varios usos, a saber, la capacidad de reemplazar PS con otro alias. Esto puede ser útil de tres maneras: puede renunciar al uso del PS iniciar sesión en otra biblioteca, ayudar a evitar posibles conflictos y proporcionar la posibilidad de personalizar el espacio de nombres / alias para el objeto jQuery.

Por ejemplo, digamos que está creando una aplicación web para la empresa XYZ. Puede ser bueno personalizar jQuery para que en lugar de tener que usar jQuery ('div'). show () o $ ('div'). show () podrías usar XYZ ('div'). Show () en lugar.

    
Syncfusion., Inc.
    

Notas:Pasando el no conflicto() Si se cumple un valor booleano verdadero, puede deshacer completamente lo que jQuery ha introducido en la página web. Esto solo debe usarse en casos extremos porque, muy probablemente, causará problemas con los complementos de jQuery.

Usar .each () cuando la iteración implícita no es suficiente

Con suerte, es obvio que si tiene una página HTML (ejemplo abajo) con tres vacíos