Java Reference
In-Depth Information
Figure 15-5
Because of the jQuery.Event object, you code using the W3C model, and it simply works in all
browsers.
For a complete list of supported events, see jQuery's web site at
http://docs.jquery.com/
Events
.
Rewriting the DHTML Toolbar with jQuery
You have learned how to retrieve elements in the DOM, change an element's style by adding and
removing classes, add and remove elements from the page, and use events with jQuery.
Now you'll put this newfound knowledge to work by refactoring the DHTML toolbar from Chapter 12
(the answer to Chapter 12's second exercise question at the end of the chapter, to be exact).
Try It Out Revisiting the Toolbar with jQuery
Open your text editor and type the following code:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<title>Chapter 15: Example 3 with jQuery</title>
<style type=”text/css”>
