My Cart (0)

Customer Service 1-800-221-5528

Murach’s jQuery (2nd Edition)

by Zak Ruvalcaba and Anne Boehm
16 chapters, 596 pages, 230 illustrations
Published September 2015
ISBN 978-1-890774-91-2
Print: $43.60
List Price: $54.50 Save 20%
eBook: $39.60
List Price: $49.50 Save 20%
Print + eBook: $53.60
List Price: $67.00 Save 20%

Today, jQuery is used in over 60% of the one million most-visited websites, and that makes it one of the technologies that every web developer should master. The problem is that jQuery is difficult to learn, even for those with programming experience. But now, this new edition of our jQuery book makes it as easy as possible for you to learn how to use jQuery to create the dynamic user interfaces, fast response times, and special effects that today’s users expect.

College Instructors

Go to our instructor’s site to learn more about this book and its instructor’s materials.

The aim of the book is to teach jQuery in an intensely hands-on way. It succeeds in this and probably provides the fastest way to learn and master the framework."

Andrew Binstock, Editor-in-Chief, Dr. Dobb's Journal

  • About this Book
  • Table of Contents
  • FREE Downloads
  • Book FAQs
  • Corrections
  • Reviews

What this book does

Section 1: The least you need to know about JavaScript to get the most from jQuery

To use jQuery, you need to know how to use at least a subset of JavaScript. That’s why section 1 of this book presents a crash course in the JavaScript skills that you need for using jQuery. This section also serves as a JavaScript reference when you can’t remember how some of the JavaScript code in a jQuery example or application works.

This section works best if you have some programming experience, even if that experience isn’t with JavaScript. The more experience you have, the faster you can move through this section.

Note, however, that this section also works for people with no programming experience. It just takes longer to go through the material. For some beginners, though, a better alternative is to start with Murach’s JavaScript and then go on to this jQuery book. In the long run, you’re probably going to want to master both.

Section 2: The core jQuery skills for every web developer

In this section, you’ll learn how to use jQuery to create JavaScript applications like image swaps, collapsible panels, slide shows, carousels, user-friendly forms…and more…with far less coding than you’d have to do in native JavaScript.

To begin, chapter 5 presents the jQuery selectors, methods, and event methods that you’ll use most often. Then, the next four chapters build on that base as they focus on how to use effects and animations, how to use the many plugins that are available for jQuery, how to create your own plugins, how to work with forms and controls, and how to manipulate and traverse the DOM. When you complete this section, you can go on to any of the three sections that follow.

Section 3: Enhance your web pages by using jQuery UI

Besides the core jQuery library, jQuery provides the jQuery UI (User Interface) library. This library helps you build features that your site visitors may appreciate, all with just a few lines of code. So this section shows you how to use jQuery UI to create widgets like tabs, accordions, and datepickers...interactions like draggable, droppable, and sortable...and effects like color and class transitions.

Section 4: Speed up response times and add content feeds with Ajax and JSON

Ajax and JSON can be used to get data from a server and add it to a web page without reloading the entire page, and that can significantly improve response times for users (if you’ve ever scrolled around a Google Map, you’ve seen this in action). But to be honest, the coding can be mind-bending. Fortunately, jQuery provides methods that make it far more manageable.

So in this section, you’ll learn how to use jQuery with Ajax and JSON to deliver data to your websites. First, you’ll learn the basics. Then, you’ll learn how to use these skills with APIs like the ones for Flickr and Google Maps and thus add popular content to your pages. Last, you’ll learn how to use HTML5 APIs like Web Storage and Web Workers with Ajax and JSON.

Section 5: Mobile websites made easier with jQuery Mobile

This section shows you how to use the jQuery Mobile library to develop web pages for mobile devices with the look-and-feel of native applications. For large, established websites, this is often a practical alternative to responsive web design. In fact, there’s no better way to build separate websites for mobile devices.

Who this book is for

This book works especially well for people with some programming experience. That includes:

  • web developers who have done some JavaScript programming but are new to jQuery
  • web developers who do server-side programming on platforms like ASP.NET, JSP, or PHP and now want to master client-side programming too
  • web developers who have used jQuery for special-purpose applications, but don’t feel comfortable with it
  • web developers who have already read 3 or 4 jQuery books but still aren’t sure how to use jQuery in real-world applications

If you have no programming experience at all, this book can still work for you because section 1 presents the JavaScript you need to know. But a better alternative for most people is to start with Murach’s JavaScript and then go on this jQuery book after you’re comfortable with JavaScript. This makes complete sense for those who want to master both JavaScript and jQuery.

What software you need

To develop JavaScript and jQuery applications, you need:

  • any text editor (this book recommends Aptana Studio 3, which is available for free)
  • Google Chrome along with the default browser on your system: Internet Explorer for Windows and Safari for Mac OS

Although you can use any text editor with this book, a text editor that includes syntax coloring and auto-formatting will help you develop applications more quickly and with fewer errors. That’s why we recommend Aptana Studio 3. It’s available for free, it can be used for entering JavaScript and jQuery code (as well as HTML and CSS code), and it runs on both Windows and Mac OS.

To test a web page, you can use the default browser on your system. But we recommend that you also test your pages in Chrome, which includes terrific developer tools. In practice, you should also test your pages in Firefox and Opera, or in any other browser that your website visitors are likely to use, but that isn’t necessary as you learn. Again, all of these browsers are available for free.

To help you install these products, Appendix A provides the procedures that you’ll need. In addition, chapter 1 presents a short tutorial on using Aptana, and chapter 4 shows you how to use Chrome for debugging.

The perfect companion book

Because JavaScript and jQuery work hand-in-hand, the first companion book that we recommend is Murach’s JavaScript. This book takes you from beginner to expert as it presents all the JavaScript skills that you need for doing the tasks that you can’t do with jQuery. In the long run, you’re going to want to master both JavaScript and jQuery, and this is the right book for mastering JavaScript.

The other companion book that we recommend is Murach’s HTML5 and CSS3. It teaches you how to use HTML5 and CSS3 the right way in conjunction with your JavaScript and jQuery applications. It’s also the best on-the-job reference you can find. With all three books on your desk, you’ll be ready for any project.

What people say about this book

“This is a must-have book for anyone wanting to master web development front-end UI work (HTML3/CSS3/JavaScript/JQuery). Currently I’m in the corporate consulting world, but I have taught in universities, corporate training and vocational schools. Hats off to Murach and the JQuery authors: Zak Ruvalcaba & Anne Boehm.”
- Michael Thomas, posted at Amazon

“I have several books which include jQuery, but this separate devoted jQuery book lets you get a better understanding right from the beginning. The text, examples, descriptions, and even the layout all bring you an ease of use that is missing in other books. I highly recommend this book, particularly for beginners through intermediate learners.”
- Chris Wallace, Denver Visual Studio User Group

“If you're an experienced JavaScript/jQuery developer, you will still pick up some nice tidbits (I know I did).”
- Philip F. Japikse, Cincinnati .Net Users Group

“This is a must-have reference book for the web application developer. It is concise and complete as it references JQuery, JQuery UI and JQuery Mobile. For a student or someone new to JQuery, this text makes learning easy.”
- Eric Notheisen, Enterprise Developers Guild

View the table of contents for this book in a PDF: Table of Contents (PDF)

Click on any chapter title to display or hide its content.

Section 1 JavaScript essentials for jQuery users

Chapter 1 Introduction to web development

How a web application works

The components of a web application

How static web pages are processed

How dynamic web pages are processed

How JavaScript and jQuery are used for client-side processing

The components of a JavaScript application

The HTML

The CSS

The JavaScript

The HTML skills that you need for this book

How to use the HTML5 semantic elements

How to use the div and span elements

How to use the basic HTML attributes

The CSS skills that you need for this book

How to provide the CSS styles for an HTML page

How to code the basic CSS selectors

How to code CSS rule sets

How to test a JavaScript application

How to run a JavaScript application

How to find errors in your code

How to provide cross-browser compatibility

How to use Aptana to develop JavaScript applications

How to create or import a project

How to work with files

How to edit a file

How to run a JavaScript application

Chapter 2 A JavaScript subset for jQuery users

The basics of JavaScript

How to include JavaScript in an HTML document

How to code JavaScript statements

How to create identifiers

How to use primitive data types to work with data

The primitive data types

How to code numeric expressions

How to work with numeric variables

How to work with string and Boolean variables

How to use objects to work with data

How to use objects, methods, and properties

How to use the window and document objects

How to use Textbox and Number objects

How to use Date and String objects

How to code control statements

How to code conditional expressions

How to code if statements

How to code while, do-while, and for loops

How to work with arrays

How to create and use arrays

How to use for loops to work with arrays

How to use functions

How to create and call a function

When and how to use local and global variables

How to attach an event handler to an event

How to use an onload event handler to attach the other event handlers

The Future Value application

The HTML and CSS

The JavaScript

Chapter 3 How to script the DOM with JavaScript

DOM scripting properties and methods

DOM scripting concepts

The properties of the Node interface

The methods of the Document and Element interfaces

The Email List application

The HTML

The JavaScript

The FAQs application

The HTML and CSS

The JavaScript

DOM scripting skills for links and images

How to cancel the default action of an event

How to preload images

The Image Swap application

The HTML and CSS

The JavaScript

How to use timers

How to use a one-time timer

How to use an interval timer

The Slide Show application

The HTML and CSS

The JavaScript

Chapter 4 How to test and debug a JavaScript or jQuery application

An introduction to testing and debugging

Typical test phases for a JavaScript application

The three types of errors that can occur

Common JavaScript errors

How top-down coding and testing can simplify debugging

How to debug with Chrome’s developer tools

How to use Chrome to find errors

How to use breakpoints and step through your code

Other debugging methods

How to debug in Internet Explorer

How to trace the execution of your JavaScript code

How to view the source code

When and how to validate the HTML

Section 2 jQuery essentials

Chapter 5 Get off to a fast start with jQuery

Introduction to jQuery

What jQuery is

How jQuery can simplify JavaScript development

How jQuery UI and plugins can simplify JavaScript development

The basics of jQuery programming

How to include jQuery in your web pages

How to code jQuery selectors

How to call jQuery methods

How to use jQuery event methods

The Email List application in jQuery

The user interface and HTML

The jQuery

A working subset of selectors, methods, and event methods

The most useful selectors

The most useful methods

The most useful event methods

Other event methods that you should be aware of

Three illustrative applications

The FAQs application in jQuery

The Image Swap application in jQuery

The Image Rollover application in jQuery

Chapter 6 How to use effects and animations

How to use effects

The jQuery methods for effects

The FAQs application with jQuery effects

A Slide Show application with effects

The user interface, HTML, and CSS

Two ways to code the jQuery

How to stop and start a slide show

How to use animation

How to use the basic syntax of the animate method

How to chain animate methods

How to use the delay, stop, and finish methods

How to use easings with effects and animations

How to use the advanced animate syntax

and the methods for working with queues

A Carousel application with animation

The user interface, HTML, and CSS

The jQuery

Chapter 7  How to create and use jQuery plugins

Introduction to plugins

How to find jQuery plugins

Some of the most useful plugins

How to use any plugin

How to use three of the most useful plugins

How to use the Lightbox plugin for images

How to use the bxSlider plugin for carousels

How to use the Cycle 2 plugin for slide shows

How to create your own plugins

The structure of a plugin

How to code a plugin that highlights menu items

How to add options to a plugin

A web page that uses two plugins

The user interface

The script elements

The HTML for the elements used by the plugins

The jQuery for using the highlightMenu plugin

Chapter 8  How to work with forms and data validation

Introduction to forms and controls

How forms work

The HTML5 controls for working with forms

The HTML5 and CSS3 features for data validation

How to use jQuery to work with forms

The jQuery selectors and methods for forms

The jQuery event methods for forms

A Validation application that uses JavaScript

The user interface and HTML

Some of the JavaScript for the application

How to use a plugin for data validation

How to use the validation plugin

The options and default error messages for the validation plugin

A Validation application that uses the validation plugin

The user interface

The HTML

The CSS

The jQuery

Chapter 9 How to use the DOM manipulation and traversal methods

The DOM manipulation methods

The methods for working with attributes

The methods for DOM replacement

The methods for DOM insertion and cloning

The methods for DOM wrapping and removal

The TOC application

The user interface and HTML

The jQuery

The methods for working with styles and positioning

The methods for working with styles

The methods for positioning elements

The enhanced TOC application

Two event methods used with DOM manipulation

How to use the on and off event methods

An Employee List application that uses the on method

The HTML for the application

The jQuery for the application

The DOM traversal methods

The tree traversal methods

The filtering methods

A Slide Show application that uses DOM traversal methods

Section 3 jQuery UI essentials

Chapter 10 Get off to a fast start with jQuery UI themes and widgets

Introduction to jQuery UI

What jQuery UI is and where to get it

The jQuery UI components

How to build and use a jQuery UI download

How to build a download

How to use ThemeRoller to build a custom theme

How to use the downloaded folders and files

How to use jQuery UI widgets

How to use any widget

How to use the Accordion widget

How to use the Tabs widget

How to use the Button and Dialog widgets

How to use the Autocomplete widget

How to use the Datepicker widget

How to use the Slider widget

How to use the Menu widget

A web page that uses jQuery UI

The user interface

The link and script elements

The HTML for the widgets

The jQuery for the widgets

Chapter 11 How to use jQuery UI interactions and effects

How to use interactions

Introduction to interactions

How to use the draggable and droppable interactions

How to use the resizable interaction

How to use the selectable interaction

How to use the sortable interaction

How to use effects

Introduction to effects

How to use individual effects

How to use color transitions

How to use class transitions

How to use visibility transitions

Section 4 Ajax, JSON, and APIs

Chapter 12 How to use Ajax, JSON, and Flickr

Introduction to Ajax

How Ajax works

Common data formats for Ajax

The members of the XMLHttpRequest object

How to use the XMLHttpRequest object

How to use the jQuery shorthand methods for Ajax

The jQuery shorthand methods for working with Ajax

How to use the load method to load HTML data

How to use the $.get or $.post method to load XML data

How to use the $.getJSON method to load JSON data

How to send data with an Ajax request

How to use the $.ajax method for working with Ajax

The syntax of the $.ajax method

How to use the $.ajax method to load data

How to use Ajax with Flickr

How to use the feed API for Flickr

How to display Flickr data on a page

How to review the feed from a website

How to display descriptions for a Flickr photo feed

How to search for photos by tags

Chapter 13 How to use the API for Google Maps

Introduction to Google Maps

Introduction to the Google Maps API

The classes for adding a Google map to a web page

The script element for the Google Maps API

How to add a Google map to a web page

How to display markers on a map

The classes and methods for geocoding and markers

How to create an address list that displays markers

How to display messages on a map

The classes and methods for messages and markers

How to add messages to markers

How to add custom messages to markers

How to add Flickr images to messages

How to display driving directions on a web page

The classes and methods for directions and listeners

How to display driving directions with a map

Chapter 14 How to use the HTML5 APIs

An introduction to the HTML5 APIs

Common HTML5 APIs

How to get information about an HTML5 API

How to use the Geolocation API

How Geolocation works

How to show a user’s position on a Google map

How to handle Geolocation errors

How to use the Web Storage API

How to use local storage

How to use session storage

How to use the Web Workers API

How the Web Workers API works

How to use a web worker to retrieve data using Ajax

An application that uses a web worker and web storage

The user interface

The HTML

The JSON data

The jQuery code

Section 5 jQuery Mobile

Chapter 15 Get off to a fast start with jQuery Mobile

How to work with mobile devices

How to provide pages for mobile devices

How to use a JavaScript plugin to redirect mobile browsers to a mobile website

How to set the viewport properties

Guidelines for designing mobile web pages

Guidelines for testing mobile web pages

How to get started with jQuery Mobile

What jQuery Mobile is and where to get it

How to include jQuery Mobile in your web pages

How to create one web page with jQuery Mobile

How to code multiple pages in a single HTML file

How to use dialogs and transitions

How to create buttons

How to create a navigation bar

How to format content with jQuery Mobile

How to work with the default styles

How to apply themes to HTML elements

How to use ThemeRoller to roll your own theme

A mobile website for Vecta Corp

The layout of the website

The HTML for the mobile website

The style sheet for the mobile website

Chapter 16 How to enhance a jQuery Mobile website

How to use the jQuery Mobile documentation

The demos for jQuery Mobile

The data attributes of jQuery Mobile

The events, methods, and properties of jQuery Mobile

How to use jQuery Mobile to format content

How to lay out content in grids

How to use collapsible content blocks

How to use collapsible sets

How to use jQuery Mobile for list views

How to use basic lists

How to use split button lists and inset lists

How to use list dividers and count bubbles

How to use jQuery Mobile for forms

How to use text fields and text areas

How to use sliders and switches

How to use radio buttons and check boxes

How to use select menus

How to submit a mobile form

An enhanced mobile website for Vecta Corp

The layout of the website

The HTML

The style sheet

Sample chapters

Chapter 5: Get off to a fast start with jQuery

If you already know the basics of JavaScript, this chapter will quickly show you how jQuery makes JavaScript programming easier…and you’ll learn a working subset of jQuery that lets you start using it yourself. Four complete applications illustrate each point along the way and give you practical ideas for incorporating jQuery into your own web pages.

Chapter 5 PDF (1.8Mb) Download Now

Book applications and exercises

This download includes:

  • The source code for the applications that are presented in the book
  • The starting source code for the exercises in the book
  • The solutions to the book exercises so you can check your work

Appendix A in the book shows how to install and use these files on Windows and Mac systems.

Exe file for Windows (14.6Mb) Download Now

Zip file for any system (14.6Mb) Download Now

Below are the answers to the questions that have come up most often about this book. If you have any questions that aren’t answered here, please email us. Thanks!

What do I do if I get this error when installing Aptana Studio 3: “Failed to correctly acquire installer_nodejs_windows.msi fle: CRC error”?

This error message indicates that you don’t have a version of Node.js on your computer that is compatible with the version of Aptana that you’re installing. If you see this message, exit from the Aptana installer. Then, go to this website address to automatically download an installer file named node-v0.10.13-x86.msi: http://go.aptana.com/installer_nodejs_windows. Finally, run this installer file. After that, you should be able to install Aptana without any problem.

To view the corrections for this book in a PDF, just click on this link: View the corrections

Then, if you find any other errors, please email us so we can correct them in the next printing of the book. Thank you!

Rob Spoor

Wednesday, 20 January 2016

The book follows the Murach style - on the left pages there is text, on the right pages there are screen shots, code snippets, and short summaries of the text on the left. For experienced programmers it's tempting to skip the entire left pages and focus on the right pages, since the rest is sort of a recap.

Apart from the copy-pasting from the JavaScript book, I think the book is quite good. It explains the jQuery API quite well, including form validation, jQuery UI, and even some plugins. Sometimes the book directs you to the documentation of specific plugins, but given the sheer number of options these have and the fact that the basics are still explained, I can live with that. I also liked the jQuery Mobile section, since I wasn't even aware something like that existed.

---
Disclosure: I received a copy of this book from the publisher in exchange for writing this review.

Michael Thomas

Monday, 21 December 2015

Murach’s JQuery book (2nd edition) is full of examples with descriptive examples for Flickr, Google Maps, HTM5 APIs, Web Storage API and Web Workers API. I forgot, there is also two chapters on JQuery Mobile. This is a must have book/ebook for anybody.

Charlie Zimmerman

Saturday, 12 December 2015

What I like about this and other Murach books is that within minutes of opening this book, you are developing hands-on with the technology in question, and that they are great for developers at any level--i.e., you can begin anywhere in the book, depending on your proficiency, and get going immediately. I am familiar with Javascirpt but not JQuery, so in this case, I began with Chapter 5, get off to a fast start with JQuery. The explanations and examples were so clear that I was able to add flip on hover effects to my site within minutes. Other chapter cover animations, plug-ins, the Google map API, client-side form validation, JSON, and more, and while I haven't read all of these yet, I expect that this book will be my first source when I need to add such functionality to my site.

More reviews

To leave a review, please log in to your account.     Log In Here

Our Ironclad Guarantee

You must be satisfied. Try our books for 60 days. They must be the best you've ever used or send them back for a prompt refund. No questions asked!

Contact Murach Books

For orders and customer service:

1-800-221-5528

Weekdays, 8 to 4 Pacific Time

College Instructors

If you're a college instructor who would like to consider a book for a course, please visit our website for instructors to learn how to get a complimentary review copy and the full set of instructional materials.