book

jQuery, jQuery UI, and jQuery Mobile: Recipes and Examples

by Adriaan de Jonge

November 2012

Intermediate to advanced

400 pages

11h 11m

English

Addison-Wesley Professional

Read now

Unlock full access

Why a Recipe and Example Book on jQuery?Who This Book Is ForHow to Use This BookBook StructureAdditional Resources

Recipe: Introducing the Basic Usage of jQueryRecipe: Using jQuery with Other LibrariesRecipe: Determining the jQuery VersionRecipe: Iterating Arrays with each()Recipe: Manipulating Arrays by Using map()Recipe: Working with Arrays of ElementsRecipe: Getting the Position of an Element by Using index()Recipe: Finding Elements in an Array by Using grep()Recipe: Determining the Size of an Element Set by Using length()Recipe: Retrieving HTML5 data- AttributesRecipe: Storing Element Data by Using data()Recipe: Removing Element Data by Using removeData()Recipe: Testing and Manipulating VariablesRecipe: Extending Objects by Using extend()Recipe: Serializing the Data in a FormRecipe: Testing Browsers for Feature SupportSummary
Recipe: Combining Two Element Sets by Using add()Recipe: Refining the Selection by Using filter()Recipe: Selecting Descendants by Using find() and children()Recipe: Selecting Elements by Using has() and Testing by Using is()Recipe: Selecting Form Elements by Using Pseudo-SelectorsRecipe: Nesting SelectorsRecipe: Emulating a CSS Hover SelectorRecipe: Selecting on Text by Using contains()Example: Highlighting a Single WordRecipe: Creating Custom SelectorsRecipe: Scoping the Selection ContextSummary
Recipe: Adding ClassesExample: Removing ClassesRecipe: Generating Class NamesRecipe: Changing Properties and AttributesRecipe: Changing the HTML Contained within an ElementRecipe: Adding Content by Using append() and appendTo()Example: Appending the Outcome of a FunctionRecipe: Adding Content by Using prepend() and prependTo()Recipe: Generating HTML Dynamically by Using jQueryRecipe: Attaching and Detaching ElementsRecipe: Copying Elements by Using clone()Recipe: Inserting Elements at Specific PositionsExample: Moving Items Up and Down the ListRecipe: Removing ElementsRecipe: Wrapping and Unwrapping ElementsSummary
Recipe: Listening to Mouse EventsExample: Drawing on a CanvasRecipe: Listening to Keyboard EventsRecipe: Listening to Form EventsRecipe: Listening to Scroll EventsRecipe: Adding Central Event Listeners by Using live() and die()Recipe: Delegating Events to Specific Ancestor Elements by Using delegate()Recipe: Changing the Execution Context of a Function by Using proxy()Summary
Recipe: Setting Up an Example Server in Node.jsRecipe: Performing a GET RequestRecipe: Loading HTML DirectlyRecipe: Handling the Result by Using PromisesRecipe: Handling Server ErrorsRecipe: Catching Page-not-Found ResultsRecipe: Handling Page RedirectsRecipe: Setting Request TimeoutsRecipe: Passing HTTP HeadersExample: Validating Form Input on the Server SideRecipe: Loading XMLRecipe: Listening to AJAX EventsRecipe: Reading JSONP from an External ServerSummary
Downloading and Installing jQuery UIRecipe: Dragging ElementsRecipe: Dropping ElementsRecipe: Changing the Order of Elements by Using SortableExample: Sorting Elements in a Tree StructureRecipe: Selecting Elements in an Unordered ListExample: Selecting Elements in a Tree StructureRecipe: Resizing ElementsSummary
Recipe: Grouping Content by Using the AccordionRecipe: Suggesting Input Values by Using AutocompleteRecipe: Transforming Elements into ButtonsExample: Styling Radio Buttons by Using a ButtonsetRecipe: Choosing Dates by Using the DatepickerRecipe: Attracting Attention with the DialogRecipe: Displaying Status of a Process by Using the ProgressbarRecipe: Retrieving Numbers by Using a SliderRecipe: Navigating a Page by Using TabsSummary
Changing the Styling of jQuery UI ComponentsCreating Animations by Using jQuery CoreRecipe: Animating Colors by Using jQuery UIRecipe: Hiding Elements by Using Fade and Slide in jQuery CoreRecipe: Adding Graphical Effects by Using jQuery UIRecipe: Animating Addition and Removal of CSS Classes by Using jQuery UIRecipe: Displaying all Easing Functions in jQuery UI as ChartsRecipe: Displaying All Icons in jQuery UIRecipe: Executing Code at the End of an Animation with a PromiseRecipe: Executing Code Within Animations by Using Queue and DequeueSummary
Recipe: Setting Up jQuery Mobile BasicsRecipe: Serving Multiple Pages from a Single HTML FileRecipe: Changing the Title ElementRecipe: Loading External Pages Using AJAXRecipe: Displaying Page Loading MessagesRecipe: Linking to External Pages without AJAXRecipe: Specifying the Transition AnimationRecipe: Specifying Custom Transition AnimationsRecipe: Listening to Mobile EventsRecipe: Generating Back ButtonsRecipe: Adding Footers to the Bottom of the PageRecipe: Fixing the Footer Across PagesRecipe: Keeping the Footer in a Fixed PositionRecipe: Hiding and Showing the FooterRecipe: Optimizing Headers and Footers for Fullscreen ViewRecipe: Changing Color Schemes with ThemesRecipe: Using Multiple ColumnsRecipe: Changing Pages by Using JavaScript CallsRecipe: Loading Pages by Using JavaScript CallsRecipe: Attaching Data to DOM Nodes in jQuery MobileRecipe: Utilizing jQuery Mobile Helper FunctionsSummary
Recipe: Displaying Toolbars Inline in ContentRecipe: Displaying a Warning BarRecipe: Adding Menu Bars to Footer ElementsRecipe: Navigating with a Navigation BarRecipe: Showing and Hiding Elements by Using CollapsibleRecipe: Adding Accordion Behavior by Using Collapsible SetsRecipe: Acquiring Basic Text Input by Using Form FieldsRecipe: Acquiring Calendar-Based InputRecipe: Displaying Input Fields by Using Alternative KeyboardsRecipe: Displaying Specialized Input FieldsRecipe: Acquiring Integers by Using SlidersRecipe: Setting Binaries with Flip SwitchesRecipe: Selecting a Single Element by Using Radio ButtonsRecipe: Selecting Multiple Elements by Using Check BoxesRecipe: Selecting Elements from Drop-Down ListsRecipe: Displaying Native Forms by Using jQuery Mobile OffRecipe: Displaying Lists of ElementsRecipe: Filtering List ElementsRecipe: Grouping Form Elements in ListsSummary
Recipe: Setting Up a Simple Static PluginRecipe: Creating Simple Context-Aware PluginsRecipe: Chaining jQuery Functions and PluginsRecipe: Parameterizing PluginsRecipe: Providing Default ParametersRecipe: Operating the Plugin by Using MethodsRecipe: Creating a Plugin that Creates PluginsRecipe: Registering and Invoking Callback FunctionsRecipe: Passing Context to Callback FunctionsRecipe: Returning Deferred Objects to Call Separate Callbacks on Success and on ErrorRecipe: Returning a Promise to Protect InternalsRecipe: Demonstrating the Promise(d) ProtectionRecipe: Using Promise to Control Flow StructuresRecipe: Visualizing Progress Before the Final CallbackRecipe: Providing Context to Callback FunctionsRecipe: Providing a Context to Progress FunctionsSummary
Recipe: Displaying a ModalRecipe: Using a Drop-Down MenuRecipe: Using ScrollSpyRecipe: Toggling TabsRecipe: Adding TooltipsRecipe: Adding a PopoverRecipe: Alerting the UserRecipe: Button ControlRecipe: Collapsing ContentRecipe: Putting Content in a CarouselRecipe: Using typeahead for AutocompleteSummary

Overview

100+ Practical jQuery Recipes for Solving Your Real-World Web and Mobile Development Challenges!

jQuery makes it easier than ever for developers to build exceptionally robust, cross-platform websites and mobile apps. jQuery, jQuery UI, and jQuery Mobile: Recipes and Examples is a practical “cookbook,” packed with realistic, easy-to-use solutions for making the most of jQuery Core, jQuery UI, plugins, and jQuery Mobile.

This guide brings together more than one hundred self-contained, downloadable examples, each with an in-depth explanation of how the code works and how to adapt it for your own needs. Pioneering web/mobile developers Adriaan de Jonge and Phil Dutson present examples you can apply immediately in virtually any web or mobile app, and with any server-side platform, including PHP, .NET, Java, Ruby, Node.js, or Python. This extremely useful guide will help you

Test browser support and provide for graceful degradation

Fine-tune DOM element selection and manipulate your site’s DOM structure

Master the newest techniques for event handling and binding

Communicate with web servers: AJAX, page errors, redirects, XML, and more

Use advanced UI widgets, from accordions and autocomplete to sliders and tabs

Build mobile-optimized sites with the jQuery Mobile library

Write and smoothly incorporate new plugins

Integrate powerful third-party plugins, such as the Twitter Bootstrap framework

The authors’ proven “code first, explain later” approach supports developers at all levels who want to start experimenting immediately. Their exceptionally readable examples never take shortcuts or compromise quality,and their detailed walk-throughs are ideal for anyone who wants to thoroughly understand their code. If you have a working knowledge of HTML, CSS, and basic JavaScript, you’ll feel right at home immediately; if not, de Jonge and Dutson’s careful explanations and full HTML page layout examples will get you up to speed quickly.

Covers jQuery 1.6.4 and 1.7, with Tips for 1.8