Contenido principal
Curso: Programación de computadoras > Unidad 7
Lección 3: Modificación del DOM con jQueryProyecto: Transformación Extrema, Edición Páginas Web
Gran parte de las páginas web en internet incluyen jQuery, así que cuando las visites, puedes abrir tu consola de JavaScript y ejecutar con éxito una línea de código como esta:
$("body").text("Mwahahaha");
Eso significa que puedes usar jQuery para divertirte con las páginas web que no sean tuyas y tener una idea de cómo se compone su HTML.
Por ejemplo, puedes ir a Twitter y reemplazar todas las imágenes con una imagen de un gato muy malhumorado:
$("img").attr("src", "https://pbs.twimg.com/profile_images/616542814319415296/McCTpH_E.jpg");
¡Mira qué tan bien se ve nuestra cuenta de Khan Academy ahora!
¿Cuáles son algunos de tus sitios web favoritos? Trata de encontrar uno que tenga jQuery incluido (al probar la primera línea de código) y ve de qué modos divertidos puedes modificarlo. Algunos sitios web limitan los recursos que puedes traer a ellos, así que tienes que ser más creativo. Por ejemplo, Twitter solo permite imágenes de Twitter, así que busqué imágenes de gatos localizadas en twitter.com.
Comparte el código de tus transformaciones de páginas web en la sección de Sugerencias y agradecimientos debajo. ¡Hagamos de la web un lugar más bello (o gatificado)!
¿Quieres unirte a la conversación?
- gatificado ya muchos gatos... son mejores los perros.perrifiquen, perrien todo el mundo(10 votos)