Limit search to available items
Book Cover
E-book
Author Pande, Arun K., author

Title JQuery 2 recipes : a problem-solution approach / Arun K. Pande
Published Berkeley, CA : Apress, 2014
New York, NY : Distributed to the Book trade worldwide by Springer
©2014

Copies

Description 1 online resource (xxxiv, 586 pages) : illustrations
Series The expert's voice in web development
Expert's voice in Web development.
Contents Machine generated contents note: ch. 1 Introduction -- 1-1. About jQuery 2.0 -- 1-2. Migration Plan -- 1-3. Objects-Basic Concept -- 1-4. Introduction to JavaScript -- 1-4-1. Data Types -- 1-4-2. Commonly Used JavaScript Objects and Events -- 1-5. About XML -- 1-6. About JSON -- 1-7. Introduction to Web Services -- 1-7-1. SOAP Web Services -- 1-7-2. RESTful Web Services -- 1-8. About jQuery Ul -- 1-9. About jQueryMobile -- 1-10. Introduction to jqWidgets -- 1-12. About Eclipse IDE -- Summary -- ch. 2 jQuery Fundamentals -- 2-1. Setting Up jQuery -- Setting Up the Development Environment -- 2-2. Using Conditional Statements -- If ... else Statements -- Switch Statements -- 2-3. Looping -- For Loops -- While Loops -- 2-4. Understanding the Document Object Model (DOM) -- DOM Structure -- 2-5. Navigating the DOM -- 2-6. Using Attributes vs. Properties -- 2-7. Commonly Used Objects in jQuery -- Map Object -- HTML Element -- jQuery Objects -- 2-8. Using the jQuery Function -- jQuery Function Arguments -- 2-9. jQuery Methods Chaining -- Summary -- ch. 3 jQuery Selectors -- 3-1. Examples -- 3-1-1. Human Resources Example -- 3-1-2. Publishing House Example -- 3-1-3. Photo Album Example -- 3-2. Selecting the HTML Element by its ID -- Problem -- Solution -- How It Works -- 3-3. Selecting All the HTML Elements on a Page -- Problem -- Solution -- How It Works -- 3-4. Selecting an HTML Element by ID to Highlight All Child Nodes -- Problem -- Solution -- How It Works -- 3-5. Selecting HTML Elements by Tag Name -- Problem -- Solution -- How It Works -- 3-6. Selecting HTML Elements by Tag Name to Highlight a Focused Field -- Problem -- Solution -- How It Works -- 3-7. Selecting HTML Elements by Class Name -- Problem -- Solution -- How It Works -- 3-8. Selecting HTML Elements that Match Any of the Specified Multiple Selectors -- Problem -- Solution -- How It Works -- 3-9. Selecting HTML Elements with an Attribute's Value Starting with a Specified Value Followed by a Hyphen -- Problem -- Solution -- How It Works -- 3-3. Selecting All the HTML Elements on a Page -- Problem -- Solution -- How It Works -- 3-4. Selecting an HTML Element by ID to Highlight All Child Nodes -- Problem -- Solution -- How It Works -- 3-5. Selecting HTML Elements by Tag Name -- Problem -- Solution -- How It Works -- 3-6. Selecting HTML Elements by Tag Name to Highlight a Focused Field -- Problem -- Solution -- How It Works -- 3-7. Selecting HTML Elements by Class Name -- Problem -- Solution -- How It Works -- 3-8. Selecting HTML Elements that Match Any of the Specified Multiple Selectors -- Problem -- Solution -- How It Works -- 3-9. Selecting HTML Elements with an Attribute's Value Starting with a Specified Value Followed by a Hyphen -- Problem -- Solution -- How It Works -- 3-10. Selecting HTML Elements with the Attribute's Value Containing a Specified Value as a Word (Separated by Spaces) -- Problem -- Solution -- How It Works -- 3-11. Selecting HTML Elements that Have a Specified Attribute Regardless of its Value -- Problem -- Solution -- How It Works -- 3-12. Selecting the nth Item from the Selected HTML Elements -- Problem -- Solution -- How It Works -- 3-13. Selecting Even and Odd Numbered Items from the Matched HTML Elements -- Problem -- Solution -- How It Works -- 3-14. Selecting All Elements up to nth Element from the Matched HTML Elements -- Problem -- Solution -- How It Works -- 3-15. Selecting All Header HTML Elements -- Problem -- Solution -- How It Works -- 3-16. Selecting the First and/or Last Element from the Selected HTML Elements -- Problem -- Solution -- How It Works -- 3-17. Excluding Some Elements from the Matched HTML Elements -- Problem -- Solution -- How It Works -- 3-18. Selecting the First or nth Child Node of the Matched HTML Element's Parent -- Problem -- Solution -- How It Works -- 3-19. Selecting All Elements that Contain the Specified Text -- Problem -- Solution -- How It Works -- 3-20. Selecting Elements that Have No Child Nodes (Including Text) -- Problem -- Solution -- How It Works -- 3-21. Selecting Elements that Have at Least One Child Node Matching the Specified Selector -- Problem -- Solution -- How It Works -- 3-22. Selecting Form Elements Based on Their Type and Attributes -- Problem -- Solution -- How It Works -- Summary -- ch. 4 jQuery Selectors Filtering and Expansion -- 4-1. Narrowing the Set of Selected Elements by Using Selector/jQuery Object Filter -- Problem -- Solution -- How It Works -- 4-2. Narrowing the Set of Selected Elements by Using the Filter Function -- Problem -- Solution -- How It Works -- 4-3. Narrowing the Set of Selected Elements by Checking Their Descendant Nodes' -- Attributes -- Problem -- Solution -- How It Works -- 4-4. Narrowing the Set of Selected Elements by Excluding Elements Using Selectors -- Problem -- Solution -- How It Works -- 4-5. Narrowing Down the Set of Selected Elements by Excluding Elements Using a Function -- Problem -- Solution -- How It Works -- 4-6. Narrowing Down the Set of Selected Elements by Selecting a Range of Elements by Index -- Problem -- Solution -- How It Works -- 4-7. Adding More Elements to the Set of Selected Elements -- Problem -- Solution -- How It Works -- 4-8. Checking if Common HTML Element(s) Exist in Two Sets of Selected HTML Elements -- Problem -- Solution -- How It Works -- 4-9. Iterating Over Each HTML Element in the jQuery Object to Perform an Action -- Problem -- Solution -- How It Works -- 4-10. Reverting to the Most Recent Expansion or Narrowing a Set of Selected Elements -- Problem -- Solution -- How It Works -- 4-11. Adding the Previous Set of Elements to the Current Set -- Problem -- Solution -- How It Works -- 4-12. Creating a New jQuery Object from an Existing jQuery Object Using a Function -- Problem -- Solution -- How It Works -- Summary -- ch. 5 DOM Traversing -- 5-1. Getting the Child Nodes of Each Selected Element -- Problem -- Solution -- How It Works -- 5-2. Getting the Children Nodes of All Selected Elements, Including Text and Comments Nodes -- Problem -- Solution -- How It Works -- 5-3. Getting the Descendant Nodes of All Selected Elements Filtered by a Specified Selector, jQuery Object, or HTML Element -- Problem -- Solution -- How It Works -- 5-4. Getting the First Ancestor of Each Selected Element that Matches the Specified Selector -- Problem -- Solution -- How It Works -- 5-5. Getting the Parent of Each Selected Element -- Problem -- Solution -- How It Works -- 5-6. Getting the Ancestors of Each Selected Element -- Problem -- Solution -- How It Works -- 5-7. Getting the Ancestors of Each Selected Element Until a Node Is Reached -- Problem -- Solution -- How It Works -- 5-8. Getting the Immediately Preceding Sibling of Each Element of the Selected Elements -- Problem -- Solution -- How It Works -- 5-9. Getting the Immediately Following Sibling of Each Element from the Set -- Problem -- Solution -- How It Works -- 5-10. Getting All Siblings of Each Element of the Set -- Problem -- Solution -- How It Works -- Summary -- ch
6 DOM Manipulation -- 6-1. Adding CSS Class(es) to All Selected Elements -- Problem -- Solution -- How It Works -- 6-2. Checking if a CSS Class Is Associated with Any of the Selected Elements -- Problem -- Solution -- How It Works -- 6-3. Removing CSS Class(es) from Each Selected Element -- Problem -- Solution -- How It Works -- 6-4. Toggling CSS Class(es) for Each Element of the Selected Elements -- Problem -- Solution -- How It Works -- 6-5. Toggling CSS Class(es) for Selected Elements Based on the Return Value of a Function -- Problem -- Solution -- How It Works -- 6-6. Getting and Setting the CSS Property of the Selected Element(s) -- Problem -- Solution -- How It Works -- 6-7. Setting Multiple CSS Properties of All the Selected Elements -- Problem -- Solution -- How It Works -- 6-8. Setting a Single CSS Property of Each Element in the Set of Selected Elements Based on a Function -- Problem -- Solution -- How It Works -- 6-9. Getting the Attribute Value of the First Element in a Selection of Elements -- Problem -- Solution -- How It Works -- 6-10. Setting the Attribute Value(s) of All the Selected Elements -- Problem -- Solution -- How It Works -- 6-11. Setting the Attribute Value of All the Selected Elements Based on a Function -- Problem -- Solution -- How It Works -- 6-12. Getting the Property Value of the First Element of the Selected Elements -- Problem -- Solution -- How It Works -- 6-13. Setting the Property Value of All Selected Elements -- Problem -- Solution -- How It Works -- 6-14. Getting and Setting the Value Property of Selected Elements -- Problem -- Solution -- How It Works -- 6-15. Getting or Setting the Value of Each Element from the Set of Selected Elements I Using a Function -- Problem -- Solution -- How It Works -- 6-16. Getting the HTML of the First Element of the Selected Elements -- Problem -- Solution -- How It Works -- 6-17. Replacing the HTML in All the Selected Elements -- Problem -- Solution -- How It Works -- 6-18. Getting the Combined Contents of Each of the Selected Elements -- Problem -- Solution -- How It Works -- 6-19. Inserting Content at the End of a Selection -- Problem -- Solution -- How It Works
Note continued: 6-20. Inserting Content at the Beginning of Each Element of the Selected Elements -- Problem -- Solution -- How It Works -- 6-21. Wrapping an HTML Structure Around Each Selected Element -- Problem -- Solution -- How It Works -- 6-22. Wrapping an HTML Structure Around the Content of Each Selected Element -- Problem -- Solution -- How It Works -- 6-23. Wrapping an HTML Structure Around All Selected Elements -- Problem -- Solution -- How It Works -- 6-24. Inserting Content After Each Selected Element -- Problem -- Solution -- How It Works -- 6-25. Copying All Selected Elements -- Problem -- Solution -- How It Works -- 6-26. Removing Selected Elements from the DOM -- Problem -- Solution -- How It Works -- 6-27. Removing the Child Nodes of All the Selected Elements from the DOM -- Problem -- Solution -- How It Works -- 6-28. Removing the Parent of Each Selected Element -- Problem -- Solution -- How It Works -- 6-29. Replacing Selected Items with New Items (Specified by HTMLString) in the DOM -- Problem -- Solution -- How It Works -- Summary -- ch. 7 Event Handling -- 7-1. Performing an Action When an Event Occurs -- Problem -- Solution -- How It Works -- 7-2. Preventing a Default Event Handler -- Problem -- Solution -- How It Works -- 7-3. Binding Different Event Handlers to the Same Element -- Problem -- Solution -- How It Works -- 7-4. Getting an Event Object's Properties -- Problem -- Solution -- How It Works -- 7-5. Passing Custom Data to the Event Handler -- Problem -- Solution -- How It Works -- 7-6. Event Propagation -- Problem -- Solution -- How It Works -- 7-7. Event Delegation -- Problem -- Solution -- How It Works -- 7-8. Triggering an Event Programmatically -- Problem -- Solution -- How It Works -- 7-9. Restricting Event Handler Execution -- Problem -- Solution -- How It Works -- 7-10. Removing the Event Handler -- Problem -- Solution -- How It Works -- Summary -- ch. 8 jQuery Effects and Animation -- Options for Effects and Animations Methods -- 8-1. Showing and Hiding Elements -- Problem -- Solution -- How It Works -- 8-2. Toggling Between an Element's Show and Hide States -- Problem -- Solution -- How It Works -- 8-3. Effects Methods for Hiding and Showing Elements -- Problem -- Solution -- How It Works -- 8-4. Applying Custom Animation to the CSS Properties of Selected Elements -- Problem -- Solution -- How It Works -- 8-5. Displaying Functions in the Effects Queue of Selected Elements -- Problem -- Solution -- How It Works -- 8-6. Replacing Functions in the Effects Queue of Selected Elements -- Problem -- Solution -- How It Works -- 8-7. Adding Custom Functions in the Effects Queue -- Problem -- Solution -- How It Works -- 8-8. Controlling the Animation by Pausing It -- Problem -- Solution -- How It Works -- 8-9. Removing All Remaining Effects and Animations Functions from the Effects Queue -- Problem -- Solution -- How It Works -- 8-10. Stopping the Currently Running Animation -- Problem -- Solution -- How It Works -- 8-11. Determining Global Settings for All the Animation Effects -- Problem -- Solution -- Summary -- ch. 9 jQuery AJAX -- 9-1. Using jQuery AJAX API Calls to Get Plain Text Data from the Server -- Problem -- Solution -- How It Works -- 9-2. Using jQuery AJAX API Calls to Get HTML Text from the Server -- Problem -- Solution -- How It Works -- 9-3. Using jQuery AJAX API Calls to Get Data in XML Format from the Server -- Problem -- Solution -- How It Works -- 9-4. Using jQuery AJAX API Calls to Get Data in the JSON Format from the Server -- Problem -- Solution -- How It Works -- 9-5. Using jQuery AJAX API Calls to Get the Script from the Server -- Problem -- Solution -- How It Works -- 9-6. Sending Data to the Server Using a GET Request Method -- Problem -- Solution -- How It Works -- 9-7. Sending Form Data to the Server Using a POST Request Method -- Problem -- Solution -- How It Works -- 9-8. Using AJAX Events at the Request Level -- Problem -- Solution -- 9-9. Using AJAX Events at the Global Level -- Problem -- Solution -- 9-10. Order of AJAX Events at the Request and Global Levels -- Problem -- Solution -- How It Works -- Summary -- ch. 10 jQuery Ul -- Creating Widgets -- Creating Widgets and Setting Options -- Executing a Widget's Methods -- Setting Callback Functions -- Downloading the jQuery Ul Library and Themes -- 10-1. Using the CSS Framework and Icons -- Problem -- Solution -- 10-2. Creating the Autocomplete Widget -- Problem -- Solution -- How It Works -- 10-3. Creating the Spinner Widget -- Problem -- Solution -- How It Works -- 10-4. Creating the Slider Widget -- Problem -- Solution -- How It Works -- 10-5. Creating the Datepicker Widget -- Problem -- Solution -- How It Works -- 10-6. Creating the Tooltip Widget -- Problem -- Solution -- How It Works -- 10-7. Creating the Button Widget -- Problem -- Solution -- How It Works -- 10-8. Creating the Dialog Widget -- Problem -- Solution -- How It Works -- 10-9. Creating the Progress Bar Widget -- Problem -- Solution -- How It Works -- 10-10. Creating the Tabs Widget -- Problem -- Solution -- How It Works -- 10-11. Creating the Accordion Widget -- Problem -- Solution -- How It Works -- 10-12. Creating the Menu Widget -- Problem -- Solution -- How It Works -- 10-13. Creating a Data-Entry Form Using jQuery Ul Widgets -- Problem -- Solution -- How It Works -- 10-14. Adding an Animation Effect Using addClass() or the animate() Method -- Problem -- Solution -- How It Works -- 10-15. Using jQuery Ul Animation Effects on Selected Elements -- Problem -- Solution -- How It Works -- 10-16. Creating Draggable and Droppable Elements -- Problem -- Solution -- How It Works -- 10-17. Creating Drag-and-Drop Functionality in a Photo Album Application -- Problem -- Solution -- How It Works -- Summary -- ch. 11 jQuery Mobile -- Downloading the jQuery Mobile Library -- Testing on Mobile Devices -- Mobile Applications -- 11-1. CSS Framework: CSS Classes, Themes, and Icons -- Problem -- Solution -- Common CSS Classes -- Themes -- Custom Themes -- Icons -- 11-2. Understanding Page Structure -- Problem -- Solution -- How It Works -- 11-3. Creating Buttons and Links -- Problem -- Solution -- How It Works -- 11-4. Creating Headers and Footers -- Problem -- Solution -- How It Works -- 11-5. Navigating Among Pages -- Problem -- Solution -- How It Works -- 11-6. Applying Transition Effects to Pages and Dialog Boxes -- Problem -- Solution -- How It Works -- 11-7. Using the Pagecontainer Widget -- Problem -- Solution -- 11-8. Creating a Dialog Box -- Problem -- Solution -- How It Works -- 11-9. Creating a Navigation Box -- Problem -- Solution -- How It Works -- 11-10. Creating a Panel -- Problem -- Solution -- How It Works -- 11-11. Creating a Popup -- Problem -- Solution -- How It Works -- Closing the Popup -- 11-12. Creating Collapsibles -- Problem -- Solution -- How It Works -- 11-13. Creating a List View -- Problem -- Solution -- How It Works -- 11-14. Creating a Column Toggle Table -- Problem -- Solution -- How It Works -- 11-15. Creating a Reflow Table -- Problem -- Solution -- How It Works -- 11-16. Creating a Grid -- Problem -- Solution -- How It Works -- 11-17. Creating Form and Form Controls -- Problem -- Solution -- How It Works -- 11-18. Understanding the jQuery Mobile User-Initiated Events -- Problem -- Solution -- 11-19. Creating a Web Application Using jQuery Mobile Concepts -- Problem -- Solution -- Summary -- ch
12 jqWidgets Framework -- Downloading the jqWidgets Library -- Installing the jqWidgets Library -- Code Template -- Testing Web Pages Using AJAX Calls -- 12-1. Using Themes and CSS -- Problem -- Solution -- 12-2. Data Binding -- Problem -- Solution -- 12-3. Data Entry and Validation of Forms -- Problem -- Solution -- How It Works -- 12-4. Using Other Data-Entry Widgets -- Problem -- Solution -- 12-5. Displaying Content Using the Expander Widget -- Problem -- Solution -- How It Works -- 12-6. Displaying a Collection of Nested Lists Using the Listmenu Widget -- Problem -- Solution -- How It Works -- 12-7. Displaying Content Using the Panel Widget -- Problem -- Solution -- How It Works -- 12-8. Displaying Content Using the Tabs Widget -- Problem -- Solution -- How It Works -- 12-9. Displaying Hierarchical Content Using the Tree Widget -- Problem -- Solution -- How It Works -- 12-10. Displaying Tabular Data Using the Grid Widget -- Problem -- Solution -- How It Works -- 12-11. Displaying Tabular Data Using the Data Table Widget -- Problem -- Solution -- How It Works -- 12-12. Displaying Hierarchical Data Using the Tree Grid Widget -- Problem -- Solution -- How It Works -- 12-13. Displaying HTML Elements Within a Window -- Problem -- Solution -- How It Works -- 12-14. Viewing Contents in Multiple Dockable Windows -- Problem -- Solution -- How It Works -- 12-15. Creating Charts -- Problem -- Solution -- How It Works -- 12-16. Creating a Calendar -- Problem -- Solution -- How It Works -- 12-17. Creating a Color Picker -- Problem -- Solution -- How It Works -- 12-18. Creating an Editor Widget -- Problem -- Solution
Note continued: How It Works -- 12-19. Creating a Menu -- Problem -- Solution -- How It Works -- 12-20. Creating a Navigation Bar -- Problem -- Solution -- How It Works -- Summary -- Appendix A Basic HTML5 and CSS3 -- A-1. Using HTML5 -- Code Structure -- Structural Elements -- Input Types and Attributes -- Graphics Using Canvas -- A-2. Using CSS3 -- Advantages of Using CSS -- CSS Selector -- CSS Box Model -- Types of Styles -- Cascading Styles -- Examples -- Appendix B Web Console -- B-1. Web Browsers -- B-2. Using the Web Console -- B-2-1. Starting the Web Console in Firefox (Windows) -- B-2-2. Starting the Web Console in Chrome (Windows) -- B-2-3. Starting the Web Console in Internet Explorer (Windows) -- B-2-4. Starting the Web Console in Safari (Mac OS) -- Appendix C Deploy Web Application -- C-1. Prerequisite: Downloading Java -- JRE -- C-2. Downloading and Installing Apache Tomcat -- C-3. Starting and Stopping the Tomcat Server -- C-4. Deploying the Web Application on the Tomcat Server -- C-5. Installing IIS (Internet Information Services) -- C-6. Deploying the Web Application on the IIS Server -- C-7. Accessing a Deployed Web Application -- Appendix D Logging, Error Handling, and Debugging -- D-1. Logging -- Basic Logging -- Logging Framework -- D-2. Error Handling -- Try and Catch -- Finally -- Throw -- D-3. Debugging
Summary JQuery is often referred to as the 'write less, do more' JavaScript library. It allows a few clear lines of elegant, well-tested, code to replace many pages of complex hand-coded script, speeding development times and providing substantial cost savings. You will find jQuery 2 Recipes' problem-solution approach to be an excellent value and a feature-packed resource as you begin to include jQuery in your own projects. This book is bursting with fully-worked example recipes showing the core jQuery frameworks (jQuery, jQuery Mobile, jQuery UI) in action. Starting with fundamental principals and progressing to more advanced topics you'll be shown how to make the very best use of jQuery every step of the way. Early on, you'll learn to work confidently with dynamic data and to handle the jQuery events that form the foundation of your application. We'll then build on this foundation to demonstrate how fully working user-interface animations and AJAX data-validation can be constructed within jQuery. We'll show how add-on libraries like jQwidgets can be deployed to create professional quality apps for both the desktop and web with minimal coding. Finally, a full set of debugging and error-handling recipes is included to help you track down bugs and ensure your code is as robust as it can be
Notes Includes index
English
Online resource; title from PDF title page (EBSCO, viewed November 28, 2017)
Subject JavaScript (Computer program language)
COMPUTERS -- Programming Languages -- JavaScript.
JavaScript (Computer program language)
Form Electronic book
ISBN 9781430264347
1430264349