Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript jQuery Basics Introducing jQuery Using text() and html()

Laura Rodriguez
Laura Rodriguez
8,284 Points
Posted by Laura Rodriguez
Laura Rodriguez
8,284 Points

I am stock in this question

Take a look at the index.html file and examine the attributes on each element. Use jQuery to select the paragraph tag by its class name.

You don't need to save your jQuery selection to a variable or call any methods on it yet.

I added the following code:

jQuery("#profile-header);

index.html 
<!DOCTYPE html>
<html lang="en">
<head>
    <title>Document</title>
</head>
<body>
    <h1 class="profile-header"></h1>
    <p class="profile-text"></p>

    <script
    src="jquery-3.2.1.min.js"></script>
    <script src="app.js"></script>
</body>
</html>
app.js 
jQuery("#profile-header");
jQuery("#profile-text");

3 Answers

Osaro Igbinovia
seal-mask
.a{fill-rule:evenodd;}techdegree
Osaro Igbinovia
Full Stack JavaScript Techdegree Student 15,928 Points
Osaro Igbinovia
.a{fill-rule:evenodd;}techdegree
Osaro Igbinovia
Full Stack JavaScript Techdegree Student 15,928 Points

Hi Laura, you made a good attempt. jQuery makes use of CSS selectors as you must have learned. In this challenge however the HTML elements have a class and not an ID. You're making use of ID selectors ("#") instead of class selectors (".").

//these are ID selectors
jQuery("#profile-header");
jQuery("#profile-text");

//these are class selectors
jQuery(".profile-header");
jQuery(".profile-text");
MinChun Cho
MinChun Cho
6,234 Points
MinChun Cho
MinChun Cho
6,234 Points

select elements by class name using

$(".elementClassName");

and select element by id using

$("#elementId");

you can replace jquery with $