Newly revised and updated resource on jQuery's many features and advantages Web Development with jQuery offers a major update to the popular Beginning JavaScript and CSS Development with jQuery from 2009. More than half of the content is new or updated, and reflects recent innovations with regard to mobile applications, jQuery mobile, and the spectrum of associated plugins. Readers can expect thorough revisions with expanded coverage of events, CSS, AJAX, animation, and drag and drop. New chapters bring developers up to date on popular features like jQuery UI, navigation, tables,…mehr
Newly revised and updated resource on jQuery's many features and advantages
Web Development with jQuery offers a major update to the popular Beginning JavaScript and CSS Development with jQuery from 2009. More than half of the content is new or updated, and reflects recent innovations with regard to mobile applications, jQuery mobile, and the spectrum of associated plugins.
Readers can expect thorough revisions with expanded coverage of events, CSS, AJAX, animation, and drag and drop. New chapters bring developers up to date on popular features like jQuery UI, navigation, tables, interactive capabilities, and audio and video. The book focuses on the new features of jQuery that improve performance and speed, providing huge advantages over traditional JavaScript. * Offers new and revised content throughout the book, which focuses on the most recent features and capabilities of jQuery * Serves as an essential instructional tool for web developers with JavaScript and CSS knowledge who want to learn more * Advises readers on how to best use jQuery's powerful, easy-to-use features to create dynamic web pages and web applications
This resource provides a deep understanding of jQuery and sets readers up for successful interactions with all it has to offer.
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
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
