Web Development With Jquery

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.

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

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

Confi guring 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

The New copy of this book will include any supplemental materials advertised. Please check the title of the book to determine if it should include any access cards, study guides, lab manuals, CDs, etc.

The Used, Rental and eBook copies of this book are not guaranteed to include any supplemental materials. Typically, only the book itself is included. This is true even if the title states it includes any access cards, study guides, lab manuals, CDs, etc.