Sams Teach Yourself HTML, CSS & JavaScript Web Publishing in One Hour a Day

ptg16476052 496 LESSON 17: Introducing JavaScript Q What is AJAX? A One topic we haven’t covered yet is AJAX. AJAX is a term use ...

ptg16476052 Workshop 497 17 Events are special actions triggered by things happening in the system (windows opening, pages bein ...

ptg16476052 This page intentionally left blank ...

ptg16476052 LESSON 18 18 Using jQuery JavaScript is a programming language that makes it possible to manipu- late the contents o ...

ptg16476052 500 LESSON 18: Using jQuery What Are JavaScript Libraries? In this book, I’ve talked about browsers and incompatibil ...

ptg16476052 Your First jQuery Script 501 18 jQuery is a regular JavaScript file that you can include in your page using the tag ...

ptg16476052 502 LESSON 18: Using jQuery The first <script> tag loads the external jQuery script. The second contains the s ...

ptg16476052 Selecting Elements from the Document 503 18 I pass to jQuery, and it works exactly as it does with CSS. The click() ...

ptg16476052 504 LESSON 18: Using jQuery jQuery translates the selectors that developers use into the calls it needs to make on t ...

ptg16476052 Modifying Styles on the Page 505 18 The if statement tests whether the href attribute of the link starts with “http. ...

ptg16476052 506 LESSON 18: Using jQuery <script src="jquery.js"></script> <script type="text/javascript" charset= ...

ptg16476052 Modifying Styles on the Page 507 18 Retrieving and Changing Style Sheet Properties You can also modify styles on the ...

ptg16476052 508 LESSON 18: Using jQuery Using these techniques, you can build pages with expanding and collapsing lists, add bor ...

ptg16476052 Modifying Content on the Page 509 18 $(this).removeClass("highlighted"); }); }) On this page, I have two paragrap ...

ptg16476052 510 LESSON 18: Using jQuery You can use jQuery’s toggleClass() method to reverse the state of a particular class on ...

ptg16476052 Modifying Content on the Page 511 18 In this example, I use the hasClass() method to determine whether the class is ...

ptg16476052 512 LESSON 18: Using jQuery <label>Email address: <input name="email" value="[email protected]" size="40" ...

ptg16476052 Modifying Content on the Page 513 18 Manipulating Attributes Directly You can also use jQuery to manipulate the attr ...

ptg16476052 514 LESSON 18: Using jQuery I only want to let users click the Submit button if they’ve already entered an e mail ad ...

ptg16476052 Modifying Content on the Page 515 18 I’ll start with the markup for the page. First, I need a list. In this example, ...