jQuery Recipes: A Problem-Solution Approach [1st Edition.] 1430227095, 9781430227090, 9781430227106

Table of contents :
Prelim......Page 1
Contents at a Glance......Page 6
Contents......Page 7
About the Author......Page 30
About the Technical Reviewer......Page 31
Acknowledgments......Page 32
What you will learn from this book......Page 33
Problem......Page 34
Solution......Page 35
How It Works......Page 36
Solution......Page 37
Solution......Page 38
How It Works......Page 39
text()......Page 40
How It Works......Page 41
Solution......Page 42
How It Works......Page 43
Problem......Page 44
clone()......Page 45
How It Works......Page 46
Problem......Page 47
Solution......Page 48
Summary......Page 49
Problem......Page 50
Displaying Names with Their Position in the Array......Page 51
How It Works......Page 52
Solution......Page 54
Using an Ordered List......Page 55
How It Works......Page 56
Solution......Page 57
How It Works......Page 58
Sorting Numerical Arrays......Page 63
How It Works......Page 64
Solution......Page 66
How It Works......Page 67
Solution......Page 68
How It Works......Page 69
How It Works......Page 70
Solution......Page 71
How It Works......Page 72
Problem......Page 73
Solution......Page 74
How It Works......Page 75
Summary......Page 76
Event Handling......Page 78
Solution......Page 79
Using the Target Attribute of the Event Object......Page 80
bind()......Page 81
click()......Page 82
Problem......Page 83
How It Works......Page 84
Problem......Page 85
How It Works......Page 86
Solution......Page 87
mousedown()......Page 88
mouseover()......Page 89
Solution......Page 90
How It Works......Page 91
How It Works......Page 92
Solution......Page 93
How It Works......Page 94
Solution......Page 95
How It Works......Page 96
Solution......Page 98
focus()......Page 99
Solution......Page 100
How It Works......Page 101
Solution......Page 102
toggle()......Page 103
Solution......Page 104
How It Works......Page 106
Solution......Page 108
How It Works......Page 109
Solution......Page 110
How It Works......Page 111
Solution......Page 112
How It Works......Page 113
Solution......Page 115
How It Works......Page 116
How It Works......Page 117
Reading Less......Page 119
Problem......Page 120
Solution......Page 121
How It Works......Page 122
Adding a Mouseover Event......Page 123
How It Works......Page 124
Hiding the Image After Scrolling......Page 126
Making the Image Scroll to the Right and Again to the Left......Page 127
animate()......Page 128
fadeTo()......Page 129
keypress()......Page 131
keyup()......Page 133
Solution......Page 134
How It Works......Page 135
Problem......Page 136
How It Works......Page 137
Removing Side Effects of Chaining......Page 138
Summary......Page 139
Form Validation......Page 140
Solution......Page 141
How It Works......Page 142
Allowing Only Numerical Values......Page 143
Allowing Negative Values......Page 144
Allowing a Range of Values......Page 145
How It Works......Page 146
Solution......Page 147
How It Works......Page 148
Problem......Page 149
How It Works......Page 150
Solution......Page 151
How It Works......Page 152
Problem......Page 153
How It Works......Page 154
Solution......Page 156
Checking checkboxes with the length Method......Page 157
How It Works......Page 158
Problem......Page 159
Solution......Page 160
How It Works......Page 161
Solution......Page 162
How It Works......Page 163
Multiple Select......Page 164
Solution......Page 166
Styling the Form Button......Page 168
Creating an Image Submit Button......Page 169
Solution......Page 170
How It Works......Page 171
Solution......Page 173
How It Works......Page 174
Adding a Submit Button......Page 175
Solution......Page 177
How It Works......Page 178
.next()......Page 179
Solution......Page 180
How It Works......Page 181
Problem......Page 182
Solution......Page 183
How It Works......Page 186
Highlighting the Input Fields and Grouping Common Form Elements......Page 190
Solution......Page 194
How It Works......Page 195
Serializing the Checkboxes, Radio Button and Select Element......Page 196
How It Works......Page 197
Using the serializeArray() Method......Page 198
Summary......Page 199
Solution......Page 200
How It Works......Page 201
Solution......Page 202
How It Works......Page 204
Solution......Page 205
How It Works......Page 207
Problem......Page 208
Solution......Page 209
How It Works......Page 211
Solution......Page 212
How It Works......Page 214
Problem......Page 215
Solution......Page 216
How It Works......Page 217
Solution......Page 218
How It Works......Page 220
:first......Page 221
Solution......Page 223
How It Works......Page 224
Solution......Page 226
How It Works......Page 229
Summary......Page 231
Visual Effects......Page 232
How It Works......Page 233
.length......Page 234
Display Images Vertically......Page 235
How It Works......Page 237
Solution......Page 239
How It Works......Page 240
Making the Scrolling Image Appear at the Center of the Browser Window......Page 241
Solution......Page 242
How It Works......Page 243
Solution......Page 245
How It Works......Page 246
Solution......Page 247
How It Works......Page 248
Making a Slide Show......Page 249
Solution......Page 250
How It Works......Page 251
Making the Images Scroll in a Small Window at the Center of the Browser Window......Page 252
How It Works......Page 253
Problem......Page 254
Solution......Page 255
How It Works......Page 256
Pausing the Scroll on Hover......Page 257
Scrolling to the Right......Page 258
Solution......Page 259
How It Works......Page 260
How It Works......Page 262
Making the News Scroller Pause on Hover......Page 263
Solution......Page 264
How It Works......Page 265
How It Works – Enlarging the Icon Itself......Page 267
Making a Content Slider......Page 268
How It Works – The Content Slider......Page 269
Solution......Page 271
How It Works......Page 272
Problem......Page 273
Solution......Page 274
How It Works......Page 275
Solution......Page 277
How It Works......Page 279
Solution......Page 280
Scrolling an Image over Other Images......Page 281
Scrolling Only the Image that Is Hovered Over......Page 282
Scrolling One Image Left and One Image Right, and Fading Out the Middle......Page 283
Summary......Page 284
Solution......Page 286
How It Works......Page 287
How It Works......Page 288
Highlighting Alternate Rows......Page 289
Highlighting the Column that Is Hovered On......Page 290
Highlighting the Column Heading While Hovering......Page 291
Problem......Page 292
How It Works......Page 293
Problem......Page 294
How It Works......Page 295
Filtering out Columns......Page 296
How It Works......Page 297
Solution......Page 298
How It Works......Page 299
Solution......Page 301
How It Works......Page 303
Solution......Page 305
How It Works......Page 307
Rows with + and – Icons......Page 308
Solution......Page 311
How It Works......Page 312
Determining Which Column Heading Is Clicked......Page 313
How It Works......Page 314
The > Symbol......Page 315
Sorting a Column in both Ascending and Descending Order......Page 317
How It Works......Page 318
Problem......Page 319
Solution......Page 320
How It Works......Page 321
Summary......Page 322
Solution......Page 324
How It Works......Page 325
Using the GET HTTP method of request......Page 327
Making POST requests......Page 328
Problem......Page 329
Solution......Page 330
How It Works......Page 331
Solution......Page 332
How It Works......Page 333
Solution......Page 335
Validating two fields together......Page 336
How It Works......Page 338
Problem......Page 341
Solution......Page 342
Getting names generated from the database......Page 343
How It Works......Page 344
Solution......Page 346
How It Works......Page 347
Solution......Page 349
How It Works......Page 350
Solution......Page 352
How It Works......Page 354
Solution......Page 356
How It Works......Page 358
Summary......Page 359
Problem......Page 360
Solution......Page 361
How It Works......Page 362
Solution......Page 363
How It Works......Page 364
Solution......Page 366
How It Works......Page 367
Solution......Page 368
How It Works......Page 370
Problem......Page 371
Solution......Page 372
Performing validation before submitting the form (in form of AJAX request)......Page 373
How It Works......Page 374
Solution......Page 377
position()......Page 378
How It Works......Page 379
Problem......Page 380
Solution......Page 381
How It Works......Page 382
Problem......Page 383
How It Works......Page 384
Solution......Page 385
How It Works......Page 386
Summary......Page 388
Using CSS......Page 390
Solution......Page 391
Solution......Page 392
How It Works......Page 393
Solution......Page 394
Solution......Page 395
Problem......Page 396
How It Works......Page 397
How It Works......Page 398
Solution......Page 399
Solution......Page 400
Solution......Page 401
How It Works......Page 402
Solution......Page 403
How It Works......Page 404
Solution......Page 405
How It Works......Page 406
Solution......Page 407
Applying Styles to the List Items Selected with a Child Selector......Page 408
How It Works......Page 409
Solution......Page 410
Solution......Page 411
How It Works......Page 412
Solution......Page 413
Solution......Page 414
How It Works......Page 415
Solution......Page 416
How It Works......Page 417
Solution......Page 418
How It Works......Page 419
Solution......Page 420
How It Works......Page 421
Solution......Page 422
How It Works......Page 423
Solution......Page 424
How It Works......Page 425
Solution......Page 426
How It Works......Page 427
How It Works......Page 428
Solution......Page 430
How It Works......Page 431
Solution......Page 432
How It Works......Page 433
How It Works......Page 434
Solution......Page 436
Problem......Page 437
How It Works......Page 438
How It Works......Page 439
Summary......Page 440
¦A......Page 442
¦B ¦C......Page 443
¦D......Page 445
¦F......Page 446
¦......Page 447
¦I......Page 448
¦K......Page 449
¦......Page 450
¦R......Page 451
¦......Page 452
¦T......Page 453
¦U......Page 454
¦Z......Page 455