MANNING Bear Bibeault Yehuda Katz IN ACTION SECOND EDITION Covers jQuery 1.4 and jQuery UI 1.8 Praise for the First Edition This is an excellent work, a worthy successor to others in Manning’s “In Action” series. It is highly readable and chock-full of working code. The Lab pages are a marvelous way to explore the library, which should become an important part of every web developer’s arsenal. Five stars all ‘round! —David Sills, JavaLobby, Dzone I highly recommend the book for learning the fundamentals of jQuery and then serving as a good reference book as you leverage the power of jQuery more and more in your daily development. —David Hayden, MVP C#, Codebetter.com The Elements of Style for JavaScript. —Joshua Heyer, Trane Inc. For those new to jQuery, this book is a good primer that covers a range of common uses of the framework The examples throughout the book are relevant, and make the point effectively. The code snippets are easily distinguishable from the rest of the text, and the text is clear and easy to follow. —Grant Palin, Blogger It works and makes for a very readable book that you can just breeze through very quickly and pick up and retain a lot of information. —Rich Strahl, Blogger Thanks to the authors Bear Bibeault and Yehuda Katz and their exemplary style, this compre- hensive book, or operating manual as it might be called, can be taken in a front-to-back approach to learn from scratch, or as a reference to those already dabbling in jQuery and needing verifica- tion of best practices. —Matthew McCullough, Denver Open Source Users Group W ith its capable technical coverage, extensive use of sample code, and approachable style, jQuery in Action is a valuable resource for any Web developer seeking to maximize the power of JavaScript, and a must-have for anyone interested in learning jQuery. —Michael J. Ross, Web Developer, Slashdot Contributor More Praise for the First Edition An 8 out of 10—buy it! If you want to learn jQuery then this is an excellent book —John Whish, Founder, Adobe ColdFusion User Group for Devon I highly recommend this book to any novice or advanced JavaScript developers who finally want to get serious about JavaScript and start writing optimized and elegant code without all the hassle of traditional JavaScript code authoring. —Val’s Blog jQuery in Action offers a rich investigation of the up-and-coming jQuery library for client-side JavaScript. —www.DZone.com I think that jQuery in Action is an excellent book that will help you learn and understand jQuery. I certainly enjoyed reading the book. —Gunnar Hillert, Atlanta Java User Group jQuery in Action Second Edition BEAR BIBEAULT YEHUDA KATZ MANNING Greenwich (74° w. long.) For online information and ordering of this and other Manning books, please visit www.manning.com. The publisher offers discounts on this book when ordered in quantity. For more information, please contact Special Sales Department Manning Publications Co. 180 Broad St. Suite 1323 Stamford, CT 06901 Email: orders@manning.com ©2010 by Manning Publications Co. All rights reserved. No part of this publication may be reproduced, stored in a retrieval system, or transmitted, in any form or by means electronic, mechanical, photocopying, or otherwise, without prior written permission of the publisher. Many of the designations used by manufacturers and sellers to distinguish their products are claimed as trademarks. Where those designations appear in the book, and Manning Publications was aware of a trademark claim, the designations have been printed in initial caps or all caps. Recognizing the importance of preserving what has been written, it is Manning’s policy to have the books we publish printed on acid-free paper, and we exert our best efforts to that end. Recognizing also our responsibility to conserve the resources of our planet, Manning books are printed on paper that is at least 15 percent recycled and processed without the use of elemental chlorine. Manning Publications Co. Development editor: Lianna Wlasiuk 180 Broad St. Copyeditor: Andy Carroll Suite 1323 Typesetter: Dottie Marsico Stamford, CT 06901 Cover designer: Marija Tudor ISBN 978-1-935182-32-0 Printed in the United States of America 12345678910–MAL–151413121110 v brief contents PART 1CORE JQUERY 1 1 ■ Introducing jQuery 3 2 ■ Selecting the elements upon which to act 18 3 ■ Bringing pages to life with jQuery 55 4 ■ Events are where it happens! 93 5 ■ Energizing pages with animations and effects 138 6 ■ Beyond the DOM with jQuery utility functions 169 7 ■ Expand your reach by extending jQuery 204 8 ■ Talk to the server with Ajax 235 PART 2 JQUERY UI 279 9 ■ Introducing jQuery UI: themes and effects 281 10 ■ jQuery UI mouse interactions: Follow that mouse! 305 11 ■ jQuery UI widgets: Beyond HTML controls 346 appendix ■ JavaScript that you need to know but might not! 415 [...]... stumbled on the Selectables Plugin, his interest in the jQuery core library was piqued Somewhat disappointed by the (then) lack of online documentation, he scoured the wikis and established the Visual jQuery site (visualjquery.com) Before too long, he was spearheading the push for better online documents, contributing to jQuery, and overseeing the plugin architecture and ecosystem, all while evangelizing... research into jQuery, and I set out to learn more I started using jQuery in web projects I still liked what I saw I started replacing older code in previous projects to see how jQuery would simplify the pages And I really liked what I saw Enthusiastic about this new discovery and wanting to share it with others, I took complete leave of my senses and submitted a proposal for jQuery in Action to Manning. .. also included right after the Table of Contents, and links to the labs are provided in the index page of the downloaded example code You can also access the Labs, as well as the rest of the example code, remotely by pointing your browser at http://www.bibeault.org/jqia2 or from the publisher’s website at http:/ /www .manning. com/jQueryinActionSecondEdition Another margin icon you will find sprinkled throughout... slight formatting difference between the code in the book and that provided in the source download In a few rare cases, where long lines could not be reformatted without changing their meaning, the book listings contain linecontinuation markers Code annotations accompany many of the listings, highlighting important concepts In many cases, numbered bullets link to explanations that follow in the text... reach by extending jQuery 7.1 7.2 Why extend jQuery? 205 The jQuery plugin authoring guidelines Naming files and functions 206 complex parameter lists 208 7.3 204 Beware the $ ■ Writing custom utility functions Adding new wrapper methods 211 8 Summary Taming ■ Writing a date 218 233 Talk to the server with Ajax 8.1 ■ 216 Applying multiple operations in a wrapper method Retaining state within a wrapper... 303 jQuery UI mouse interactions: Follow that mouse! 10.1 Dragging things around 307 Making elements draggable 308 Controlling draggability 313 10.2 Dropping dragged things Making elements droppable 10.3 305 ■ Draggability events 312 Droppability events 318 314 315 ■ Sorting stuff 322 Making things sortable 323 Connecting sortables 327 Sortability events 327 Fetching the sort order 329 ■ ■ 10.4 Changing... how plugins are utilized and constructed as their use is fundamental to the jQuery experience With resources like this book, the jQuery project is sure to continue to grow and succeed I hope the book will end up serving you well as you begin your exploration and use of jQuery JOHN RESIG CREATOR OF jQUERY preface to the second edition It’s been two years since the first edition of jQuery in Action was... highly interactive scripted pages using jQuery under our belts Every example has been examined and either updated to better show how to use jQuery 1.4 in practice, or replaced with an example that is better suited to showcasing the concepts being discussed For example, readers of the first edition may remember the comprehensive Bamboo Grille example at the end of chapter 4 that highlighted jQuery event... subscribe to the forum, point your browser to http://www .manning com/jQueryinActionSecondEdition, and click the Author Online link This page provides information on how to get on the forum once you are registered, what kind of help is available, and the rules of conduct in the forum Manning s commitment to our readers is to provide a venue where a meaningful dialogue between individual readers and between... high-profile clients He has programmed professionally in a number of languages including Java, Ruby, PHP, and JavaScript In his copious spare time, he maintains VisualjQuery.com and helps answer questions from new jQuery users in the IRC channel and on the official jQuery mailing list about the cover illustration The figure on the cover of jQuery in Action, Second Edition is called “The Watchman.” The illustration . Managing the wrapped element set 35 Determining the size of a wrapped set 37 ■ Obtaining elements from a wrapped set 37 ■ Slicing and dicing a wrapped element set 41 ■ Getting wrapped sets using. jQuery. I certainly enjoyed reading the book. —Gunnar Hillert, Atlanta Java User Group jQuery in Action Second Edition BEAR BIBEAULT YEHUDA KATZ MANNING Greenwich (74° w. long.) For online information. 978-1-935182-32-0 Printed in the United States of America 12345678910–MAL–151413121110 v brief contents PART 1CORE JQUERY 1 1 ■ Introducing jQuery 3 2 ■ Selecting the elements upon which to act 18 3 ■ Bringing