Packt+ | Advance your knowledge in tech

You're reading from Learning jQuery 3 Interactive front-end website development

Product type Paperback

Published in May 2017

Publisher Packt

ISBN-13 9781785882982

Length 448 pages

Edition 5th Edition

Languages

JavaScript

Tools

jQuery

Concepts

Front End Web Development

Author (1):

Jonathan Chaffer

Preface

1. Getting Started

2. Selecting Elements FREE CHAPTER

3. Handling Events

4. Styling and Animating

5. Manipulating the DOM

6. Sending Data with Ajax

7. Using Plugins

8. Developing Plugins

9. Advanced Selectors and Traversing

10. Advanced Events

11. Advanced Effects

12. Advanced DOM Manipulation

13. Advanced Ajax

14. Appnedix A – Testing JavaScript with QUnit

Appendix B – Quick Reference

The challenge exercises may require the use of the official jQuery documentation at http://api.jquery.com/.

Create new plugin methods called .slideFadeIn() and .slideFadeOut(), combining the opacity animations of .fadeIn() and .fadeOut() with the height animations of .slideDown() and .slideUp().
Extend the customizability of the .shadow() method so that the z-index of the cloned copies can be specified by the plugin user.
Add a new submethod called isOpen to the tooltip widget. This submethod should return true if the tooltip is currently displayed and false otherwise.

Add code that listens for the tooltipopen event that our widget fires and logs a message to the console.
Challenge: Provide an alternative content option for the tooltip widget that fetches the content of the page that an anchor's href points to via Ajax, and displays that content as the tooltip text.
Challenge: Provide a new effect option for the tooltip widget that, if specified, applies the named jQuery UI effect (such...