Web Development with jQuery

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