freeCodeCamp Challenge Guide: Use jQuery to Modify the Entire Page

freeCodeCamp Challenge Guide: Use jQuery to Modify the Entire Page
0.0 0

#1

jQuery can target the body element as well.

Here’s how we would make the entire body fade out:

$('body').addClass('animated fadeOut');

#2

i dont have any answer with this code


#3

There was no opening or closing body element in the text editor.
The opening tag needs to be above your first div and the closing tag needs to after your last div.
This got it to work.
It’s kind of hard to modify a tag that is not on the page. Or was this part of the problem solving?


#4

First You have to add body element and then add two classes:

$(“body”).addClass(“animated fadeOut”);
$(“body”).addClass(“hinge”);


#5

The way I solved was to add the body element, as others already mentioned (don’t forget to close it at the bottom), then added the following:

$(“body”).addClass(“animated hinge”);

As I understood the directions the author said to use hinge instead of fadeOut…Cheers.


#6

shall i get to know the content of these class (animated,hinge)


#7

Hey guys,
I completed these practice already and move to next level which got confuse what should i need to do? anyone who can help any clue? thanks!