Learning jQuery: A Hands-on Guide to Building Rich Interactive Web Front Ends

Learning jQuery: A Hands-on Guide to Building Rich Interactive Web Front Ends

Released April 2013
Publisher(s): Addison-Wesley Professional
ISBN: 9780132931588

Read it now on the O’Reilly learning platform with a 10-day free trial.

O’Reilly members get unlimited access to books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Start your free trial

Book description

Get started fast with jQuery web programming

The jQuery JavaScript library greatly simplifies the creation of modern, rich web applications, while seamlessly integrating with virtually all leading web development platforms and frameworks. Learning jQuery will guide you through using jQuery, jQuery UI, and jQuery Mobile in your own projects. One step at a time, you’ll learn how to do everything from adding simple effects through building complete rich Internet applications.

This code-rich tutorial is designed for every working web developer. After clearly explaining all the basics, Ralph Steyer shows how to apply jQuery to create effects, animations, slideshows, lists, drag-and-droppable elements, interactive forms, and much more.

If you’re a web developer with  even basic JavaScript experience, Learning jQuery is your fastest route to success with jQuery

  

• Discover what jQuery can do, and how it works with JavaScript and DOM

• Select components to support dynamic processes

• Manipulate web page content and structure

• Apply and change formatting with CSS style sheets through jQuery

• Handle complex events more effectively and reliably

• Generate time-dependent and time-independent CSS effects

• Expand jQuery’s capabilities with plug-ins

• Use jQuery to create simpler, better, more powerful AJAX code

• Master powerful, flexible jQuery UI plug-ins for visual control and user interaction

• Simplify the creation of jQuery UI interfaces  with ThemeRoller

• Master basic rules for successfully working  with components and widgets

• Construct touch-enabled mobile front ends  with jQuery Mobile

Table of contents

  1. About This eBook
  2. Title Page
  3. Copyright Page
  4. Contents at a Glance
  5. Table of Contents
  6. About the Author
  7. We Want to Hear from You!
  8. Reader Services
  9. 1. Introduction
    1. 1.1. What Is This Book About?
    2. 1.2. Writing Conventions
    3. 1.3. Who Is the Target Audience for This Book?
    4. 1.4. What Do You Need?
    5. 1.5. About the Author
    6. Summary
  10. 2. First Examples with jQuery
    1. 2.1. Accessing Elements and Protecting the DOM
    2. 2.2. Editing the Web Page with DHTML à la jQuery
    3. 2.3. Animatedly Reducing and Enlarging of an Element
    4. 2.4. Changing Attributes Dynamically
    5. Summary
  11. 3. Basic Knowledge
    1. 3.1. The Web, Web 2.0, and the Client/Server Principle on the Internet
    2. 3.2. JavaScript and Its Relationship to jQuery
    3. 3.3. AJAX and XMLHttpRequest (XHR)
    4. 3.4. DOM and Objects
    5. 3.5. Style Sheets and DHTML
    6. Summary
  12. 4. How jQuery Works
    1. 4.1. Accessing Elements of the Web Page
    2. 4.2. The jQuery Namespace and the jQuery Object
    3. 4.3. Special Data Types and Structures in jQuery
    4. 4.4. The Function jQuery() and the Alias $()
    5. 4.5. Executing Functions After DOM Has Been Built
    6. 4.6. Creating an Element with jQuery() and Inserting It into the Web Page
    7. 4.7. Wrapping Existing Elements with jQuery()
    8. 4.8. Using jQuery in Combination with Other Frameworks
    9. 4.9. More About Context
    10. 4.10. Chaining jQuery Objects
    11. 4.11. New Core Techniques Since Version 1.5
    12. Summary
  13. 5. Selectors and Filters
    1. 5.1. The Basics
    2. 5.2. The Basic Selectors and the Hierarchical Selectors
    3. 5.3. Filtering Selectors
    4. 5.4. Filter Methods
    5. Summary
  14. 6. Accessing the Elements of a Web Page
    1. 6.1. General Info on Checking, Changing, Adding, and Removing Nodes
    2. 6.2. Checking and Changing Node Contents: html() and text()
    3. 6.3. Content of Form Fields: val()
    4. 6.4. Accessing Attributes via attr()
    5. 6.5. Inserting Nodes into a Web Page
    6. 6.6. Inserting Nodes Before or After
    7. 6.7. Wrapping
    8. 6.8. Replacing with replaceWith() and replaceAll()
    9. 6.9. Removing with empty() and remove()/detach() plus removeAttr()
    10. 6.10. Cloning with clone()
    11. 6.11. Search and Find
    12. 6.12. Finding with find() and contents()
    13. 6.13. The jQuery Method each() for Iterating over Arrays and Objects
    14. 6.14. The add() Method
    15. 6.15. A More Comprehensive Example at the End: A Date Component
    16. Summary
  15. 7. Formatting with Style Sheets Under jQuery
    1. 7.1. The css() Method
    2. 7.2. Changing Classes of Elements
    3. 7.3. Positioning Methods
    4. 7.4. Scrolling Methods
    5. 7.5. Height and Width
    6. 7.6. Inner and Outer Dimensions
    7. Summary
  16. 8. Event Handling Under jQuery
    1. 8.1. Basic Information on Events, Event Handlers, Triggers, and Data Binding
    2. 8.2. The Event Object in jQuery
    3. 8.3. Ready, Steady, Go: $(document).ready()
    4. 8.4. Event Helpers
    5. 8.5. Expanded Methods for Event Handling
    6. Summary
  17. 9. Effects and Animations
    1. 9.1. Basic Use
    2. 9.2. Showing and Hiding: The show() and hide() Methods
    3. 9.3. Sliding Effects: slideDown(), slideUp(), and slideToggle()
    4. 9.4. Opacity Effects: fadeIn(), fadeOut(), and fadeTo() (Plus toggle())
    5. 9.5. Individual Animations with animate()
    6. Summary
  18. 10. AJAX
    1. 10.1. AJAX and XMLHttpRequest (XHR) Basics
    2. 10.2. Special AJAX Support in jQuery
    3. 10.3. $.get() and $.post()
    4. 10.4. Getting and Parsing JSON Data: getJSON() and parseJSON()
    5. 10.5. Loading a Script Later via AJAX: jQuery.getScript()
    6. 10.6. The General Variation for Loading Data: load()
    7. 10.7. Serializing Data
    8. 10.8. Default Values for AJAX
    9. 10.9. AJAX Events and AJAX Event Handlers
    10. 10.10. Complete Control
    11. Summary
  19. 11. jQuery UI
    1. 11.1. What Is jQuery UI?
    2. 11.2. Getting Started
    3. 11.3. How Is jQuery UI Used?
    4. 11.4. Using the Components in jQuery UI
    5. 11.5. An Overview of the Components and Widgets
    6. 11.6. Effects
    7. 11.7. A Complete Website Based on jQuery UI
    8. Summary
  20. 12. Plug-Ins
    1. 12.1. The jQuery Plug-In Page
    2. 12.2. Creating Custom Plug-Ins
    3. 12.3. Publishing a Plug-In
    4. Summary
  21. 13. jQuery Mobile
    1. 13.1. Basics
    2. 13.2. The Role System and data-role
    3. 13.3. The Basic Structure of a Mobile Web Page
    4. 13.4. Linking Pages
    5. 13.5. The Transitions
    6. 13.6. Dialogs
    7. 13.7. Buttons
    8. 13.8. Toolbars and Navigation Bars
    9. 13.9. Lists
    10. 13.10. Form Elements
    11. 13.11. Special Events
    12. 13.12. The Theme Framework and General Content Design
    13. 13.13. Collapsed and Expanded Content
    14. Summary
  22. Appendix
    1. A.1. Overview of Basic Information on JavaScript
    2. A.2. Available DOM Objects
  23. Index

Product information

  • Title: Learning jQuery: A Hands-on Guide to Building Rich Interactive Web Front Ends
  • Author(s):
  • Release date: April 2013
  • Publisher(s): Addison-Wesley Professional
  • ISBN: 9780132931588