El método jQuery find () puede sonar familiar, pero ¬°no lo confunda con el método JavaScript find ()! Ambos " find " cosas, pero lo que devuelven puede ser bastante diferente. En JavaScript, el método find () solo se puede llamar en una matriz.
Toma una funciòn de devoluciòn de llamada, que es una funciòn que se pasa a un método como argumento , para ser llamado más tarde. Encuentra y devuelve el primer elemento que cumpliò con los requisitos descritos en la funciòn de devoluciòn de llamada.
El método jQuery find () es bastante diferente. Como todos los métodos de jQuery, se llama en un selector. Busca dentro de ese selector y manipula solo los elementos secundarios de ese selector. Este alto nivel de manipulaciòn es √∫til si desea cambiar algunos elementos y no otros que están contenidos en el mismo elemento padre.
Usando jQuery find ()
Ahora conocemos jQuery find () se usa para seleccionar todos los elementos secundarios de un selector dado. Eche un vistazo a un còdigo de ejemplo para ver còmo usar jQuery find ().
Comencemos de manera simple y agreguemos algo de complejidad en secciones posteriores. Podemos manipular un elemento después de que se cargue la página para ilustrar còmo funciona find (). ¿Qué tal si cambiamos el color de algunas palabras en el contexto de un párrafo una vez que se carga la página? Empezaremos aquì:
Mire este còdigo y lo notará dentro de la etiqueta "p" elementos son unos pocos "span" elementos. Uno de los "span" elementos es un elemento secundario de la etiqueta "p" elemento. El otro "span" es un elemento secundario de la etiqueta "div" con una clase de verde. Como dice nuestro párrafo, cambiaremos el color de las palabras envueltas en "span" solamente. Aseg√∫rese de que nuestro HTML se esté procesando antes de hacer eso:
