Js Jquery Modify Html Lab

Objectives

  • Load jQuery in HTML file
  • Use jQuery to manipulate HTML

Instructions

Everyone loves a good gif of puppies and kids doing funny things, so let's use jQuery to make sure we have a good one on our page.

We'll be coding our solution in html/index.html.

  • Load jQuery in index.html using the following URL http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js Remember, load scripts at the bottom of the body.

  • Before the closing body tag, use jQuery to append this gif (https://s3.amazonaws.com/learn-verified/painting-with-dog.gif) to the div with the id image. (Check out the resource below if you need a hint!)

Kid painting with dog's tail

Resources

View Modifying HTML with jQuery Lab on Learn.co and start learning to code for free.

View Modifying HTML with jQuery Lab on Learn.co and start learning to code for free.

Unlock your future in tech
Learn to code.

Learn about Flatiron School's Mission

With a new take on education that falls somewhere between self-taught prodigy and four-year computer science degree, the Flatiron School promises to turn students with little programming experience into developers.

In the six months since the Manhattan coding school was acquired by WeWork, it has spawned locations in Washington, D.C., Brooklyn, and London. Now, WeWork is opening a fourth Flatiron School location, this time in Houston.

Adam Enbar, Flatiron School's cofounder, believes now is the time to grow. "How the world is changing has impacted working and learning in very similar ways. We think education fundamentally is about one thing: enabling people to pursue a better life."

Learn. Love. Code.
Students come to Flatiron School to change their lives. Join our driven community of career-changers and master the skills you need to become a software engineer or a data scientist.
Find Us