JQuery 2.0 Development Cookbook电子书

jQuery 2.0 Development Cookbook

Table of Contents

jQuery 2.0 Development Cookbook

Credits

About the Author

About the Reviewers

www.PacktPub.com

Support files, eBooks, discount offers and more

Why Subscribe?

Free Access for Packt account holders

Preface

What this book covers

What you need for this book

Who this book is for

Conventions

Reader feedback

Customer support

Downloading the example code

Downloading the color images of this book

Errata

Piracy

Questions

1. Document Object Model Manipulation

Introduction

Selecting elements

Getting ready

How to do it…

How it works…

There's more…

See also

Finding and selecting sibling elements

Getting ready

How to do it…

How it works…

There's more…

See also

Creating DOM elements

Getting ready

How to do it…

How it works…

There's more…

See also

Inserting content into an element

Getting ready

How to do it…

How it works…

See also

Modifying the DOM element properties

Getting ready

How to do it…

How it works…

See also

Adding and removing CSS classes to dynamically change their style

Getting ready

How to do it…

How it works…

See also

Enabling and disabling buttons by changing their properties

Getting ready

How to do it…

How it works…

See also

Updating an image within a page

Getting ready

How to do it…

How it works…

There's more...

Populating list elements

Getting ready

How to do it…

How it works…

See also

Understanding pagination

Getting ready

How to do it…

How it works…

Removing DOM elements

Getting ready

How to do it…

How it works…

See also

Re-using DOM elements

Getting ready

How to do it…

How it works…

See also

2. Interacting with the User by Making Use of jQuery Events

Introduction

Detecting button clicks

Getting ready

How to do it…

How it works…

There's more...

See also

Detecting element clicks

Getting ready

How to do it…

How it works…

See also

Detecting change

Getting ready

How to do it…

How it works…

There's more...

See also

Updating content based on user input

Getting ready

How to do it…

How it works…

See also

Detecting key press events on inputs

Getting ready

How to do it…

How it works…

There's more…

See also

Restricting input character length

Getting ready

How to do it…

How it works…

There's more...

See also

Changing page elements on mouse hover

Getting ready

How to do it…

How it works…

There's more…

See also

Triggering events manually

Getting ready

How to do it…

How it works…

There's more...

Preventing event triggers

Getting ready

How to do it…

How it works…

See also

Creating a custom event

Getting ready

How to do it…

How it works…

3. Loading and Manipulating Dynamic Content with AJAX and JSON

Introduction

Loading HTML from a web server into a page

Getting ready

How to do it…

How it works…

PHP

HTML

CSS

jQuery

See also

Using AJAX and handling server errors

Getting ready

How to do it…

How it works…

There's more…

Processing JSON data

Getting ready

How to do it…

How it works…

PHP

HTML

jQuery

See also

Searching JavaScript objects

Getting ready

How to do it…

How it works…

There's more…

See also

Sorting JavaScript objects

Getting ready

How to do it…

How it works…

There's more…

See also

Caching JSON and AJAX requests

Getting ready

How to do it…

How it works…

PHP

HTML

jQuery

There's more…

Creating a search feature

Getting ready

How to do it…

How it works…

SQL

PHP

HTML

CSS

jQuery

See also

Creating an autosuggest feature

Getting ready

How to do it…

How it works…

SQL and PHP

HTML

CSS

jQuery

There's more…

See also

Waiting for an AJAX response

Getting ready

How to do it…

How it works…

HTML

PHP

jQuery

See also

4. Adding Attractive Visuals with jQuery Effects

Introduction

Sliding page elements

Getting ready

How to do it…

How it works…

HTML

jQuery

CSS

There's more...

See also

Hiding and showing elements

Getting ready

How to do it…

How it works…

HTML

jQuery

There's more…

See also

Fading elements

Getting ready

How to do it…

How it works…

HTML

CSS

jQuery

There's more…

See also

Toggling effects

Getting ready

How to do it…

How it works…

HTML

jQuery

There's more…

Stopping effects

Getting ready

How to do it…

How it works…

HTML

CSS

jQuery

Chaining effects

How to do it…

How it works…

See also

Creating a basic photo gallery

Getting ready

How to do it…

How it works…

HTML

CSS

jQuery

Creating a blinking button

Getting ready

How to do it…

How it works…

There's more…

See also

Removing elements with effects

Getting ready

How to do it…

How it works…

There's more…

See also

5. Form Handling

Introduction

Implementing basic form validation

Getting ready

How to do it…

How it works…

HTML

CSS

jQuery

There's more...

See also

Adding number validation

Getting ready

How to do it…

How it works…

See also

Adding credit card number validation

Getting ready

How to do it…

How it works…

See also

Adding date validation

Getting ready

How to do it…

How it works…

See also

Adding e-mail address validation

How to do it…

How it works…

There's more…

Implementing live form validation

Getting ready

How to do it…

How it works…

Adding a password strength indicator

Getting ready

How to do it…

How it works…

There's more…

See also

Adding anti-spam measures

Getting ready

How to do it…

How it works…

There's more…

See also

Implementing input character restrictions

Getting ready

How to do it…

How it works…

There's more…

6. User Interface

Introduction

Manipulating element CSS

Getting ready

How to do it…

How it works…

Creating a news ticker

Getting ready

How to do it…

How it works…

There's more…

See also

Creating sticky elements

Getting ready

How to do it…

How it works…

There's more…

See also

Implementing smooth scrolling

Getting ready

How to do it…

How it works…

See also

Creating a dynamic table of contents

Getting ready

How to do it…

How it works…

There's more…

See also

Creating a basic drag-and-drop functionality

Getting ready

How to do it…

How it works…

See also

Creating a dynamic animated tree menu

Getting ready

How to do it…

How it works…

There's more…

See also

Creating an accordion content slider

Getting ready

How to do it…

How it works…

See also

Creating tabbed content

Getting ready

How to do it…

How it works…

There's more…

Creating a modal pop up

Getting ready

How to do it…

How it works…

There's more…

See also

Creating a draggable content pop up

Getting ready

How to do it…

How it works…

See also

7. User Interface Animation

Introduction

Creating an animated login form

Getting ready

How to do it…

How it works…

There's more…

See also

Adding photo zoom

Getting ready

How to do it…

How it works…

See also

Creating an animated content slider

Getting ready

How to do it…

How it works…

There's more…

See also

Animating background images

Getting ready

How to do it…

How it works…

See also

Creating an animated navigation menu

Getting ready

How to do it…

How it works…

See also

8. Understanding Plugin Development

Introduction

Creating a plugin template

Getting ready

How to do it…

How it works…

Creating a tooltip plugin

Getting ready

How to do it…

How it works…

There's more…

Building a content and image slider plugin

Getting ready

How to do it…

How it works…

There's more…

See also

Creating an RSS feed reader plugin

Getting ready

How to do it…

How it works…

See also

Coding an image cropper plugin from scratch

Getting ready

How to do it…

How it works…

Image selection and preview

Image crop plugin

Image upload

Cropping and saving the image with PHP

There's more…

See also

9. jQuery UI

Introduction

Creating stylish and functional buttons

Getting ready

How to do it…

How it works…

There's more…

See also

Creating dialog boxes for user information and input

Getting ready

How to do it…

How it works…

There's more…

See also

Implementing progress bars within your application

Getting ready

How to do it…

How it works…

See also

Adding date picker interfaces to input boxes quickly

Getting ready

How to do it…

How it works…

Creating an autocomplete search feature

Getting ready

How to do it…

How it works…

See also

10. Working with jQuery Mobile

Introduction

Creating a basic mobile website template

Getting ready

How to do it…

How it works…

There's more…

See also

Building a complete static website

Getting ready

How to do it…

How it works…

See also

Building a dynamic mobile website

Getting ready

How to do it…

How it works…

There's more…

See also

Implementing the quick call functionality

Getting ready

How to do it…

How it works…

See also

Implementing the send SMS functionality

Getting ready

How to do it…

How it works…

There's more…

See also

Adding mobile-friendly lists

Getting ready

How to do it…

How it works…

Using touch-oriented events

Getting ready

How to do it…

How it works…

See also

Creating mobile-compatible forms

Getting ready

How to do it…

How it works…

Text input

Select menu

Checkboxes and radio buttons

Additional

There's more…

Building a complete registration and login system

Getting ready

How to do it…

How it works…

HTML

SQL

PHP

JavaScript

There's more…

See also

Building a complete mobile web app

Getting ready

How to do it…

How it works…

HTML

SQL

PHP

JavaScript

There's more…

See also

Index