Saltar al contenido

¿Cuál es la diferencia descendiente directo (>) frente a descendiente en los selectores de jQuery?

Después de de esta prolongada búsqueda de información pudimos solucionar esta cuestión que suelen tener ciertos los lectores. Te brindamos la respuesta y deseamos que sea de gran apoyo.

Solución:

$("#mainblock > div") = el único nivel del niño

$("#mainblock div") = todos los hijos + descendientes.

Echa un vistazo a jQuery Selectores

Child Selector ("parent > child") – Jerarquía Selecciona todos los elementos secundarios directos especificados por “hijo” de los elementos especificados por “principal”.

Descendant Selector ("ancestor descendant")– Jerarquía Selecciona todos los elementos que son descendientes de un ancestro dado.

$("#mainblock div")

Este tiene como objetivo todos los DIV dentro de “#mainblock”, sin importar si es un hijo directo de “#mainblock”, o un hijo del hijo del bloque principal, etc.

$("#mainblock > div")

Esto apuntará solo a los DIV secundarios directos de “#mainblock” e ignorará otros DIV. Este es más rápido que el anterior en caso de que solo tenga hijos directos. Porque no se trata de buscar dentro de otros elementos de los niños.

Sección de Reseñas y Valoraciones

Si sostienes algún reparo o forma de acrecentar nuestro enunciado puedes dejar un exégesis y con gusto lo interpretaremos.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *