Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll

jQuery Basics

Well done!

You have completed jQuery Basics!

Sign up for Treehouse Back to Library

Adding New Elements to the DOM

5:06 with Treasure Porth

Learn how to create new HTML elements and insert them into the DOM.

Keyboard shortcut to open Chrome DevTools

  • Mac: Command + Option + I
  • Windows/Linux: F12 or Control + Shift + I

jQuery Docs

Related Discussions

Have questions about this video? Start a discussion with the community and Treehouse staff.

Sign up

    Related Discussions

    Have questions about this video? Start a discussion with the community and Treehouse staff.

    Sign up

    the button dynamically and add it to the page with jQuery. 0:00
    I'll create a space at the top of the document and make some notes. 0:01
    So we need to create the Reveal Spoiler button, 0:06
    and append to web page. 0:12
    To create an element in jQuery, all we need to 0:16
    do is pass a string containing valid HTML to the jQuery method. 0:19

    You need to sign up for Treehouse in order to download course files.

    Sign up

      You need to sign up for Treehouse in order to set up Workspace

      Sign up