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

CSS jQuery Basics (2014) Introduction to jQuery Include jQuery in a Project

Posted by Ja'Nel Johnson
Ja'Nel Johnson
10,314 Points

What is this asking?

We've already got our app.js included in our page. The only thing missing is jQuery. Find the CDN hosted jQuery javascript file on the jQuery.com and include it in the project.

As usual, I'm not sure what the challenge is asking me to do or how to do it.

Can someone please help?

index.html 
<!DOCTYPE html>
<html>
<head>
    <title>Take Evasive Action</title>
    <link rel="stylesheet" href="css/style.css" type="text/css" media="screen" title="no title" charset="utf-8">
</head>
<body>
    <p class="warning">
      <span>It's A Trap!</span>
    </p>
    <div class="image">
        <img src="img/ackbar.gif">
    </div>
$(".warning").hide().show("slow");
    <script src="js/app.js" type="text/javascript" charset="utf-8"></script>
</body>
</html>

7 Answers

LaRenzo DeGraffenreidt
LaRenzo DeGraffenreidt
10,159 Points
LaRenzo DeGraffenreidt
LaRenzo DeGraffenreidt
10,159 Points

Those all previously worked but due to updates with websites including jQuery.com and the video not being updated as quickly those methods no longer work. I simply just used jQuery script they provided in the lesson:

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>

if the video updates and the websites does the same things I will always suggest to just take the code from the video lesson if possible because their objective/ project will be based off of their lesson.

Jonathan Grieve
MOD
Jonathan Grieve
Treehouse Moderator 91,253 Points
Jonathan Grieve
Jonathan Grieve
Treehouse Moderator 91,253 Points

Have a look on jquery.com as it suggests and you will find a Cdn link to copy.

In fact I've gone ahead and sought if out for you,. The links you want are on the download page on the jquery website.

//code.jquery.com/jquery-1.11.3.min.js

<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>

Copy this into the head section of your page as a source for a script rage and you'll be good to go. :-)

Ryan Howarth
Ryan Howarth
3,970 Points
Ryan Howarth
Ryan Howarth
3,970 Points

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>

Ja'Nel Johnson
Ja'Nel Johnson
10,314 Points
Ja'Nel Johnson
Ja'Nel Johnson
10,314 Points

Oh! Thank you! It passed.

MUZ140734 Tinashe Chibwe
MUZ140734 Tinashe Chibwe
16,960 Points
MUZ140734 Tinashe Chibwe
MUZ140734 Tinashe Chibwe
16,960 Points

you can follow this link http://jquery.com/download/#using-jquery-with-a-cdn

Justice Omorodion
PLUS
Justice Omorodion
Courses Plus Student 8,315 Points
Justice Omorodion
Justice Omorodion
Courses Plus Student 8,315 Points

<script src="https://code.jquery.com/jquery-migrate-3.0.0.min.js" integrity="sha256-JklDYODbg0X+8sPiKkcFURb5z7RvlNMIaE3RA2z97vw=" crossorigin="anonymous"></script>

MUZ140014 Justice Gwatidzo
MUZ140014 Justice Gwatidzo
11,920 Points
MUZ140014 Justice Gwatidzo
MUZ140014 Justice Gwatidzo
11,920 Points

put this before the app.js code

<script src="https://code.jquery.com/jquery-3.1.1.js" integrity="sha256-16cdPddA6VdVInumRGo6IbivbERE8p7CQR3HzTBuELA=" crossorigin="anonymous"></script>

that should work