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 jQuery Syntax and Animation Effects

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

Help please...

I am confuse:

to use div the $ is ("#profile") to use class then the $ is (".profile)

I added the following answer and it is not working: $('.profile-header').style.display = 'none'.hide();

Also,

document.querySelector('.profile-header').style.display = 'none'.hide();

Finally,

document.querySelector('.profile-header').style.display = 'none' $('.profile-header').hide();

What I am going wrong?. Thank you.

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

    <script
    src="jquery-3.2.1.min.js"></script>
    <script src="app.js"></script>
</body>
</html>
app.js 
 document.querySelector('.profile-header').style.display = 'none'.hide();

4 Answers

Julian Gutierrez
Julian Gutierrez
19,201 Points
Julian Gutierrez
Julian Gutierrez
19,201 Points

Hey Laura Rodriguez this challenge needs you to replace the example javascript given with jquery. The jquery that you added to your final attempt/solution is correct.

$('.profile-header').hide();
Jacob Mishkin
Jacob Mishkin
23,118 Points
Jacob Mishkin
Jacob Mishkin
23,118 Points

Julian Gutierrez answer is correct. Remember when using jQuery, you are using a framework, That replaces vanilla JavaScript to do actions such as display: none, but with methods. The way you tried to work though the problem was really good, but remember that what jQuery does is, takes those actions and puts them in to methods that you can use. If your ever stuck using this framework, its best to go to the jQuery docs and search for the method that describes what you want to do. 

document.querySelector('.profile-header').style.display = 'none';
$('.profile-header').hide()
// these two are the same. The top is in vanilla JS and the bottom is in jQuery.
Laura Rodriguez
Laura Rodriguez
8,284 Points
Laura Rodriguez
Laura Rodriguez
8,284 Points

Thank you so much!. It is working, I appreciate the time both had to support me in this challenge question. Merry Christmas!

Joe Bihl
Joe Bihl
11,344 Points
Joe Bihl
Joe Bihl
11,344 Points

Be sure to delete this >>>>>> document.querySelector('.profile-header').style.display = 'none'; $('.profile-header').hide(); <<<< submit this