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

Blog Previewer: Changing Content Inside Elements

7:13 with Treasure Porth

Use the text() and html() methods to get or change content inside HTML elements.

Keyboard shortcut to open Chrome DevTools

Further Reading

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

    jQuery offers a couple of different methods that make it fun and 0:00
    easy to create, change, update, and modify text in HTML. 0:02
    Let's look at these methods in action by using them to make a blog previewer. 0:07
    When we're finished with this project, the user will be able to type a title and 0:11
    a blog entry into this form. 0:15
    When they click on the preview button, 0:18
    what they've typed will display as a preview over here on the right. 0:19
    As a first step, I'll show you how to use jQuery to get and 0:23
    insert text or HTML onto a webpage. 0:26
    For that, we're going to experiment with the jQuery methods, HTML, and text. 0:29

    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