Details

<p>Introduction xix</p> <p><b>Part I: The Jquery API</b></p> <p><b>Chapter 1: Introduction to Jquery 3</b></p> <p>What jQuery Can Do for You 5</p> <p>Who Develops jQuery? 7</p> <p>Obtaining jQuery 7</p> <p>Installing jQuery 7</p> <p>Programming Conventions 10</p> <p>Markup and CSS Conventions 10</p> <p>JavaScript Conventions 15</p> <p>Summary 26</p> <p><b>Chapter 2: Selecting and Filtering 27</b></p> <p>The Origin of the Selectors API 28</p> <p>Using the Selectors API 29</p> <p>Filtering a Selection 33</p> <p>Working Within the Context of a Selection 34</p> <p>Working with an Element’s Relatives 45</p> <p>Slicing a Selection 58</p> <p>Adding to a Selection 59</p> <p>Summary 60</p> <p><b>Chapter 3: Events 63</b></p> <p>The Various Event Wrapper Methods 63</p> <p>Attaching Other Events 68</p> <p>Attaching Persistent Event Handlers 69</p> <p>Removing Event Handlers 75</p> <p>Creating Custom Events 80</p> <p>Summary 86</p> <p><b>Chapter 4: Manipulating Content and Attributes 89</b></p> <p>Setting, Retrieving, and Removing Attributes 89</p> <p>Setting Multiple Attributes 96</p> <p>Manipulating Class Names 97</p> <p>Manipulating HTML and Text Content 102</p> <p>Getting, Setting, and Removing Content 103</p> <p>Appending and Prepending Content 108</p> <p>Inserting Beside Content 111</p> <p>Inserting Beside Content via a Selection 112</p> <p>Wrapping Content 117</p> <p>Replacing Elements 123</p> <p>Removing Content 126</p> <p>Cloning Content 130</p> <p>Summary 133</p> <p><b>Chapter 5: Iteration of Arrays and Objects 135</b></p> <p>Enumerating Arrays 135</p> <p>Enumerating Objects 139</p> <p>Iterating a Selection 141</p> <p>Filtering Selections and Arrays 143</p> <p>Filtering a Selection 143</p> <p>Filtering a Selection with a Callback Function 146</p> <p>Filtering an Array 147</p> <p>Mapping a Selection or an Array 151</p> <p>Mapping a Selection 151</p> <p>Mapping an Array 153</p> <p>Array Utility Methods 156</p> <p>Making an Array 157</p> <p>Finding a Value Within an Array 158</p> <p>Merging Two Arrays 160</p> <p>Summary 162</p> <p><b>Chapter 6: CSS 165</b></p> <p>Working with CSS Properties 165</p> <p>jQuery’s Pseudo-Classes 167</p> <p>Obtaining Outer Dimensions 167</p> <p>Summary 174</p> <p><b>Chapter 7: Ajax 177</b></p> <p>Making a Server Request 178</p> <p>What’s the Difference Between GET and POST? 179</p> <p>RESTful Requests 180</p> <p>Formats Used to Transport Data with an AJAX Request 180</p> <p>Making a GET Request with jQuery 181</p> <p>Loading HTML Snippets from the Server 195</p> <p>Dynamically Loading JavaScript 200</p> <p>AJAX Events 205</p> <p>Using AJAX Event Methods 210</p> <p>Attaching AJAX Events to Individual Requests 211</p> <p>Sending a REST Request 213</p> <p>Summary 220</p> <p><b>Chapter 8: Animation and Easing Effects 223</b></p> <p>Showing and Hiding Elements 223</p> <p>Sliding Elements 231</p> <p>Fading Elements 234</p> <p>Custom Animation 237</p> <p>Animation Options 241</p> <p>Summary 242</p> <p><b>Chapter 9: Plugins 243</b></p> <p>Writing a Plugin 243</p> <p>Writing a Simple jQuery Plugin 243</p> <p>Inspecting the Document Object Model 248</p> <p>Writing a Context Menu jQuery Plugin 250</p> <p>Good Practice for jQuery Plugin Development 265</p> <p>Summary 265</p> <p><b>Chapter 10: Scrollbars 267</b></p> <p>Getting the Position of a Scrollbar 267</p> <p>Scrolling to a Particular Element within a Scrolling</p> <div>272</div> <p>Scrolling to the Top 276</p> <p>Summary 277</p> <p><b>Chapter 11: Html5 Drag and Drop 279</b></p> <p>Implementing Drag and Drop 279</p> <p>Prerequisite Plugins 286</p> <p>Event Setup 289</p> <p>Implementing Drag-and-Drop File Uploads 294</p> <p>Adding the File Information Data Object 309</p> <p>Using a Custom XMLHttpRequest Object 313</p> <p>Additional Utilities 316</p> <p>Summary 319</p> <p><b>Part II: Jquery UI</b></p> <p><b>Chapter 12: Draggable and Droppable 323</b></p> <p>Making Elements Draggable 324</p> <p>Delegating Drop Zones for Draggable Elements 331</p> <p>Summary 337</p> <p><b>Chapter 13: Sortable 339</b></p> <p>Making a List Sortable 339</p> <p>Customizing Sortable 347</p> <p>Saving the State of Sorted Lists 354</p> <p>Summary 359</p> <p><b>Chapter 14: Selectable 361</b></p> <p>Introducing the Selectable Plugin 361</p> <p>Summary 372</p> <p><b>Chapter 15: Accordion 373</b></p> <p>Building an Accordion UI 373</p> <p>Changing the Default Pane 376</p> <p>Changing the Accordion Event 379</p> <p>Setting the Header Elements 380</p> <p>Summary 382</p> <p><b>Chapter 16: Datepicker 383</b></p> <p>Implementing a Datepicker 383</p> <p>Custom Styling the Datepicker 385</p> <p>Setting the Range of Allowed Dates 392</p> <p>Localizing the Datepicker 395</p> <p>Setting the Date Format 395</p> <p>Localizing Datepicker Text 395</p> <p>Changing the Starting Weekday 397</p> <p>Summary 398</p> <p><b>Chapter 17: Dialog 399</b></p> <p>Implementing a Dialog 399</p> <p>Styling a Dialog 401</p> <p>Making a Modal Dialog 407</p> <p>Auto-Opening the Dialog 409</p> <p>Controlling Dynamic Interaction 411</p> <p>Animating the Dialog 412</p> <p>Working with Dialog Events 413</p> <p>Summary 414</p> <p><b>Chapter 18: Tabs 417</b></p> <p>Implementing Tabs 417</p> <p>Styling the Tabbed User Interface 420</p> <p>Loading Remote Content via AJAX 425</p> <p>Animating Tab Transitions 428</p> <p>Summary 429</p> <p><b>Part III: Popular Third-Party Jquery Plugins</b></p> <p><b>Chapter 19: Tablesorter 433</b></p> <p>Sorting a Table 433</p> <p>Summary 441</p> <p><b>Chapter 20: Creating An Interactive Slideshow 443</b></p> <p>Creating a Slideshow 443</p> <p>Summary 457</p> <p><b>Chapter 21: Working With Html5 Audio and Video 459</b></p> <p>Downloading the MediaElement Plugin 459</p> <p>Confi guring the MediaElement Plugin 459</p> <p>Creating an HTML Structure That Enables Fallback Video/Audio Plugins for Older Browsers 461</p> <p>Implementing h.264 Video Content 462</p> <p>Customizing Player Controls 463</p> <p>Controlling When the Download of Media Begins 463</p> <p>Summary 464</p> <p><b>Chapter 22: Creating A Simple Wysiwyg Editor 467</b></p> <p>Making an Element Editable with the contenteditable Attribute 467</p> <p>Creating Buttons to Apply Bold, Italic, Underline, Font, and Font Size 469</p> <p>Creating a Selection 473</p> <p>Storing a Selection 478</p> <p>Restoring a Selection 479</p> <p>Summary 480</p> <p><b>Part IV: Appendices</b></p> <p>Appendix A: Exercise Answers 483</p> <p>Appendix B: Jquery Selectors 493</p> <p>Appendix C: Selecting, Traversing, and Filtering 501</p> <p>Appendix D: Events 509</p> <p>Appendix E: Manipulating Content, Attributes, and Custom Data 523</p> <p>Appendix F: More Content Manipulation 527</p> <p>Appendix G: Ajax Methods 533</p> <p>Appendix H: CSS 543</p> <p>Appendix I: Utilities 547</p> <p>Appendix J: Draggable and Droppable 551</p> <p>Appendix K: Sortable 561</p> <p>Appendix L: Selectable 569</p> <p>Appendix M: Animation and Easing Effects 573</p> <p>Appendix N: Accordion 585</p> <p>Appendix O: Datepicker 589</p> <p>Appendix P: Dialog 599</p> <p>Appendix Q: Tabs 605</p> <p>Appendix R: Resizable 611</p> <p>Appendix S: Slider 615</p> <p>Appendix T: Tablesorter 619</p> <p>Appendix U: Mediaelement 623</p> <p>Index 627</p>

<p>About the author <p><b>Richard York</b> has written four previous Wrox books, including <i>Beginning JavaScript and CSS Development with jQuery.</i> <p>Visit us at wrox.com where you have access to free code samples, Programmer to Programmer forums, and discussions on the latest happenings in the industry from around the world.

<p><b>Take full advantage of jQuery's newest features for web development</b> <p>In the five years since Wrox's popular <i>Beginning JavaScript and CSS Development with jQuery</i> was published, jQuery has undergone major revisions and enhancements. All are explored and explained in this new guide, which thoroughly covers new HTML5 elements and functionality, improved methods of event handling, the upgrades to jQuery UI, and much more. Each chapter helps you learn to develop dynamic web pages and web applications with jQuery's powerful, easy-to-use features. This book is an essential instructional tool for web developers who know JavaScript and CSS and want to learn more. <p><i>Web Development with jQuery:</i> <ul> <li>Focuses on the most recent features and capabilities of jQuery</li> <li>Reviews and explains the updates to popular features like jQuery UI, navigation, tables, interactive capabilities, audio, and video</li> <li>Includes expanded coverage of events, CSS, AJAX, animation, and drag and drop</li> <li>Demonstrates how to take advantage of new jQuery features that improve performance and speed</li> <li>Covers a variety of third-party jQuery plugins that can add more versatility to your web pages</li> </ul> <p><b>Wrox guides</b> are crafted to make learning programming languages and technologies easier than you think. Written by programmers for programmers, they provide a structured, tutorial format that will guide you through all the techniques involved.

US