A Smarter Way to Learn jQuery

In the box on the right, type the method for adding a class, including the parentheses.

addClass()

^ *addClass *$

Type the three characters that are missing in this statement. Type them in order, without typing spaces between them.

$("div")addClass(important);

.""

^ *\. *• *• *$

You're adding the class "pretty" to all paragraphs. Fill in the blank.

____addClass("pretty");

$("p").

^ *\$$•p•$\. *$

You're adding the class "pretty" to all paragraphs. Type the rest of the statement.

$("p")

.addClass("pretty");

^ *\.addClass$•pretty•$; *$

5. Drag-and-drop: Holding down the left mouse button, drag the pieces of code onto the screen to add the class "pretty" to all divs.

$("div").addClass("pretty");

$`(`"`div`"`)`.`add`Class`(`"``"`pretty`"`)`;

Add the class "emphasized" to all divs and paragraphs.

$("div, p").addClass("emphasized");

$`(`"`div`, `p`"`)`.`add`Class`(`"`emphasized`"`)`;

Add the classes "formal" and "tinted" to all tables.

$("table").addClass("formal tinted");

Add the class "fancy" to all unordered lists.

$("ul").addClass("fancy");

^ *\$$•ul•$\.addClass$•fancy•$; *$

Add the class "centered" to all images.

$("img").addClass("centered");

^ *\$$•img•$\.addClass$•centered•$; *$

Add a class to all divs. Make up the class name.

$("div").addClass("normal");

^ *\$$•div•$\.addClass$•.*•$; *$

Remove the class "dark" from all instances of a particular kind of element, like all paragraphs. You choose the kind of element.

$("p").removeClass("dark");

^ *\$$•.*•$\.removeClass$•dark•$; *$

Remove two classes from two elements of your choice. Make up the class names.

$("div, p").removeClass("big bold");

^ *\$$•.*, .*•$\.removeClass$•.* .*•$; *$

Add the classes "formal" and "tinted" to all tables.

$("table").addClass("formal tinted");

^ *\$$•table•$\.addClass$•formal tinted•$; *$