Web Development with jQuery

About the author Richard York has written four previous Wrox books, including Beginning JavaScript and CSS Development with jQuery. 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.

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