Una forma de pensar en jQuery es la biblioteca "Seleccionar y hacer". jQuery es particularmente bueno para seleccionar elementos en la página (cosas en el DOM) y luego hacer algo. Seleccionar y hacer. Seleccionar y hacer.
Vea el lápiz 99a923df4131377dc308895be1baf4e1 de Chris Coyier (@chriscoyier) en CodePen
En este screencast comenzamos a usar Dev Tools en Google Chrome. Usaremos Chrome para el resto de esta serie específicamente porque las herramientas de desarrollo son muy buenas. Pero hasta ahora los estamos usando a un nivel bastante básico y casi todos los navegadores tienen una versión equivalente de estas herramientas. Lo que usamos aquí es la capacidad de inspeccionar el DOM y ver qué está pasando con nuestros elementos en la página. Y lo más importante, use la consola que nos permite escribir y ejecutar pequeños fragmentos de JavaScript directamente en la página.
Hicimos referencia a la documentación de la API de jQuery un poco, lo cual es muy bueno y útil y usaremos mucho. Usamos específicamente el método addClass () y el método css ().