jQuery in Action

jQuery in Action......Page 1
brief contents......Page 6
contents......Page 8
list of lab pages......Page 14
foreword to the first edition......Page 16
preface to the second edition......Page 18
preface to the first edition......Page 20
acknowledgments......Page 23
about this book......Page 26
Roadmap......Page 27
Code downloads......Page 29
Author Online......Page 30
about the authors......Page 31
about the cover illustration......Page 33
Core jQuery......Page 34
Introducing jQuery......Page 36
1.1 Power in the economy of code......Page 37
1.2.1 Separating behavior from structure......Page 39
1.2.2 Segregating the script......Page 40
1.3.1 The jQuery wrapper......Page 41
1.3.3 The document ready handler......Page 44
1.3.4 Making DOM elements......Page 46
1.3.5 Extending jQuery......Page 47
1.4 Summary......Page 49
Selecting the elements upon which to act......Page 51
2.1 Selecting elements for manipulation......Page 52
2.1.1 Controlling the context......Page 53
2.1.2 Using basic CSS selectors......Page 55
2.1.3 Using child, container, and attribute selectors......Page 56
2.1.4 Selecting by position......Page 60
2.1.5 Using CSS and custom jQuery filter selectors......Page 62
2.2 Generating new HTML......Page 65
2.3 Managing the wrapped element set......Page 68
2.3.2 Obtaining elements from a wrapped set......Page 70
2.3.3 Slicing and dicing a wrapped element set......Page 74
2.3.4 Getting wrapped sets using relationships......Page 82
2.3.5 Even more ways to use a wrapped set......Page 84
2.3.6 Managing jQuery chains......Page 85
2.4 Summary......Page 87
Bringing pages to life with jQuery......Page 88
3.1 Working with element properties and attributes......Page 89
3.1.2 Fetching attribute values......Page 91
3.1.3 Setting attribute values......Page 93
3.1.5 Fun with attributes......Page 95
3.1.6 Storing custom data on elements......Page 97
3.2 Changing element styling......Page 98
3.2.1 Adding and removing class names......Page 99
3.2.2 Getting and setting styles......Page 103
3.3.1 Replacing HTML or text content......Page 110
3.3.2 Moving and copying elements......Page 111
3.3.3 Wrapping and unwrapping elements......Page 117
3.3.4 Removing elements......Page 119
3.3.5 Cloning elements......Page 120
3.3.6 Replacing elements......Page 121
3.4 Dealing with form element values......Page 122
3.5 Summary......Page 125
Events are where it happens!......Page 126
4.1.1 The DOM Level 0 Event Model......Page 128
4.1.2 The DOM Level 2 Event Model......Page 134
4.2 The jQuery Event Model......Page 139
4.2.1 Binding event handlers with jQuery......Page 140
4.2.2 Removing event handlers......Page 144
4.2.3 Inspecting the Event instance......Page 145
4.2.4 Proactively managing event handlers......Page 148
4.2.5 Triggering event handlers......Page 150
4.2.6 Other event-related methods......Page 152
4.3.1 Filtering large data sets......Page 157
4.3.2 Element creation by template replication......Page 159
4.3.3 Setting up the mainline markup......Page 162
4.3.4 Adding new filters......Page 163
4.3.5 Adding the qualifying controls......Page 166
4.3.6 Removing unwanted filters and other tasks......Page 167
4.3.7 There’s always room for improvement......Page 168
4.4 Summary......Page 169
Energizing pages with animations and effects......Page 171
5.1 Showing and hiding elements......Page 172
5.1.1 Implementing a collapsible “module”......Page 173
5.1.2 Toggling the display state of elements......Page 176
5.2.1 Showing and hiding elements gradually......Page 177
5.2.2 Fading elements into and out of existence......Page 182
5.2.3 Sliding elements up and down......Page 185
5.2.4 Stopping animations......Page 186
5.3 Creating custom animations......Page 187
5.3.2 A custom drop animation......Page 189
5.3.3 A custom puff animation......Page 190
5.4.1 Simultaneous animations......Page 192
5.4.2 Queuing functions for execution......Page 195
5.4.3 Inserting functions into the effects queue......Page 199
5.5 Summary......Page 200
Beyond the DOM with jQuery utility functions......Page 202
6.1.1 Disabling animations......Page 203
6.1.2 Detecting user agent support......Page 204
6.1.3 The browser detection flags......Page 208
6.2 Using other libraries with jQuery......Page 210
6.3.1 Trimming strings......Page 213
6.3.2 Iterating through properties and collections......Page 214
6.3.3 Filtering arrays......Page 216
6.3.4 Translating arrays......Page 217
6.3.5 More fun with JavaScript arrays......Page 219
6.3.6 Extending objects......Page 220
6.3.7 Serializing parameter values......Page 222
6.3.8 Testing objects......Page 226
6.4.2 Testing for containment......Page 227
6.4.4 Prebinding function contexts......Page 228
6.4.5 Parsing JSON......Page 231
6.4.7 Dynamically loading scripts......Page 232
6.5 Summary......Page 235
Expand your reach by extending jQuery......Page 237
7.2 The jQuery plugin authoring guidelines......Page 238
7.2.1 Naming files and functions......Page 239
7.2.2 Beware the $......Page 240
7.2.3 Taming complex parameter lists......Page 241
7.3 Writing custom utility functions......Page 243
7.3.1 Creating a data manipulation utility function......Page 244
7.3.2 Writing a date formatter......Page 245
7.4 Adding new wrapper methods......Page 249
7.4.1 Applying multiple operations in a wrapper method......Page 251
7.4.2 Retaining state within a wrapper method......Page 256
7.5 Summary......Page 266
Talk to the server with Ajax......Page 268
8.1 Brushing up on Ajax......Page 269
8.1.1 Creating an XHR instance......Page 270
8.1.2 Initiating the request......Page 272
8.1.4 Getting the response......Page 273
8.2 Loading content into elements......Page 274
8.2.1 Loading content with jQuery......Page 276
8.2.2 Loading dynamic HTML fragments......Page 278
8.3 Making GET and POST requests......Page 283
8.3.1 Getting data with GET......Page 285
8.3.3 Making POST requests......Page 287
8.3.4 Implementing cascading dropdowns......Page 288
8.4.1 Making Ajax requests with all the trimmings......Page 294
8.4.2 Setting request defaults......Page 297
8.4.3 Handling Ajax events......Page 298
8.5 Putting it all together......Page 301
8.5.1 Implementing the Termifier......Page 303
8.5.2 Putting the Termifier to the test......Page 307
8.5.3 Improving the Termifier......Page 310
8.6 Summary......Page 311
jQuery UI......Page 312
Introducing jQuery UI: themes and effects......Page 314
9.1 Configuring and downloading the UI library......Page 315
9.1.1 Configuring and downloading......Page 316
9.1.2 Using the UI library......Page 317
9.2 jQuery themes and styling......Page 318
9.2.1 Overview......Page 319
9.2.2 Using the ThemeRoller tool......Page 321
9.3.1 The jQuery UI effects......Page 324
9.3.3 Augmented visibility methods......Page 329
9.3.4 Animating class transitions......Page 330
9.3.5 Easings......Page 332
9.4 Advanced positioning......Page 333
9.5 Summary......Page 336
jQuery UI mouse interactions: Follow that mouse!......Page 338
10.1 Dragging things around......Page 340
10.1.1 Making elements draggable......Page 341
10.1.2 Draggability events......Page 345
10.1.3 Controlling draggability......Page 346
10.2 Dropping dragged things......Page 347
10.2.1 Making elements droppable......Page 348
10.2.2 Droppability events......Page 351
10.3 Sorting stuff......Page 355
10.3.1 Making things sortable......Page 356
10.3.3 Sortability events......Page 360
10.3.4 Fetching the sort order......Page 362
10.4 Changing the size of things......Page 363
10.4.1 Making things resizable......Page 364
10.4.2 Resizability events......Page 367
10.4.3 Styling the handles......Page 368
10.5 Making things selectable......Page 369
10.5.1 Creating selectables......Page 373
10.5.2 Selectable events......Page 375
10.5.3 Finding the selected and selectable elements......Page 377
10.6 Summary......Page 378
jQuery UI widgets: Beyond HTML controls......Page 379
11.1 Buttons and buttonsets......Page 380
11.1.1 Button appearance within UI themes......Page 381
11.1.2 Creating themed buttons......Page 382
11.1.4 Button events......Page 385
11.1.5 Styling buttons......Page 386
11.2.1 Creating slider widgets......Page 387
11.2.2 Slider events......Page 391
11.2.3 Styling tips for sliders......Page 392
11.3 Progress bars......Page 393
11.3.1 Creating progress bars......Page 394
11.3.2 Progress bar events......Page 395
11.3.3 An auto-updating progress bar plugin......Page 396
11.4 Autocompleters......Page 402
11.4.1 Creating autocomplete widgets......Page 403
11.4.2 Autocomplete sources......Page 405
11.4.3 Autocomplete events......Page 408
11.4.4 Autocompleting in style......Page 409
11.5.1 Creating jQuery datepickers......Page 410
11.5.2 Datepicker date formats......Page 418
11.5.4 Datepicker utility functions......Page 420
11.6.1 Creating tabbed content......Page 422
11.6.2 Tab events......Page 429
11.7 Accordions......Page 430
11.7.1 Creating accordion widgets......Page 431
11.7.2 Accordion events......Page 435
11.7.3 Styling classes for accordions......Page 436
11.7.4 Loading accordion panels using Ajax......Page 437
11.8.1 Creating dialog boxes......Page 438
11.8.2 Dialog events......Page 443
11.8.3 Dialog box class names......Page 444
11.8.4 Some dialog box tricks......Page 445
11.9 Summary......Page 446
11.10 The end?......Page 447
appendix: JavaScript that you need to know but might not!......Page 448
A.1.2 Properties of objects......Page 449
A.1.3 Object literals......Page 452
A.1.4 Objects as window properties......Page 453
A.2 Functions as first-class citizens......Page 454
A.2.1 What’s in a name?......Page 455
A.2.3 What’s this all about?......Page 457
A.2.4 Closures......Page 461
A.3 Summary......Page 464
Symbols......Page 466
A......Page 467
B......Page 468
C......Page 469
D......Page 470
E......Page 472
F......Page 473
H......Page 474
J......Page 475
N......Page 479
P......Page 480
S......Page 481
T......Page 483
V......Page 484
Z......Page 485
jQuery Back......Page 486