246996016-HTML5-Step-by-Step

JavaScript Events and jQuery 299
Your second JavaScript page.
$("#contentDiv").css("backgroundColor", "#abacab");
$("#contentDiv").click(function() {
$(this).fadeOut(5000);
});
Note that the .click() function is attached directly to the that has the id of content-
Div. The .click() function itself calls another function (an anonymous function, enclosed
in curly brackets) which calls the .fadeOut() function. You’ll notice that there’s a new part
here, the $(this) identifier. The $(this) identifier refers to the item that raised the event,
so in the example shown, $(this) refers to the contentDiv element. You could also write it
like this:
$("#contentDiv").click(function() {
$("#contentDiv").fadeOut(5000);
});
When you load this page in a Web browser you’ll see a screen like the one shown
below. When you click within the element, the entire will slowly fade out.