Training: jQuery Essentials

$107.69 incl. vat


duration: 6 hours |

Language: English (US) |

access duration: 90 days |


In this course you will learn the basics of jQuery. You will learn how to integrate jQuery and learn how jQuery makes DOM manipulation easy. You will also learn about event handling, manipulating events, introduction AJAX. Finally you will learn about some of the most useful widgets as well how jQuery UI help animate the elements of your web page.


After completing this course you are familiar with the basics and most useful functions of jQuery.


You have basic experience with HTML, JavaScript and CSS.

Target audience

Web Developer


jQuery Essentials

6 hours

Introduction to jQuery

  • start the course
  • describe the differences between jQuery and jQuery UI and how they are used to create dynamic web sites
  • create a web page that includes jQuery and use the console to confirm the library has loaded
  • recognize how jQuery is referenced, how chaining works, and how to prevent conflicts with $
  • use the Document Ready event and its shortcut
  • recognize selectors and how they can be used
  • bind an event to an element and trigger it
  • use text(), html(), and val() to retrieve the contents of an element
  • set the contents of an element using text(), html(), and val()
  • use css() to get and set one or more CSS properties for an element
  • insert an element using append(), prepend(), after(), and before()
  • remove an element and describe the differences between remove() and empty()
  • select and modify elements by their assigned classes
  • describe how jQuery can traverse through the DOM to find or select elements
  • use parent() and children() methods to move up and down the DOM tree
  • walk the children of an element using siblings(), next(), and prev() methods
  • filter the returned group of elements using first(), last(), not(), and eq()
  • create a web page and manipulate elements using jQuery

Events, Manipulating Elements, and AJAX

  • start the course
  • distinguish and describe how to manipulate event types
  • create click(), dblclick(), mouseenter(), mouseleave(), and hover() events for an element
  • use and manipulate keyboard presses using the keypress(), keydown(), and keyup() events
  • bind events dynamically to an element and trigger them
  • work with the change(), submit(), focus(), and blur() event handlers
  • create ready() document events
  • use the resize(), and scroll() browser events
  • describe the difference between prop() and attr() as well as identify and properly use prop() and attr() to get and set properties and attributes
  • describe and use dimension methods like width() and height() to manipulate the inner, outer, and actual height and width of an element
  • add, remove, and change elements and classes
  • clone an element or set of elements
  • use wrap() and unwrap() to add or remove parents to an element
  • show and hide elements and start a web page with a hidden element
  • describe AJAX and how AJAX has evolved
  • describe the usage of the AJAX event handlers
  • create an AJAX request
  • create an error handler to display any AJAX communication errors
  • create an AJAX request and display content from the requested data
  • use AJAX to make a request and update an element on the web page based on the response

Common Widgets and Animation

  • start the course
  • create a dialog popup box
  • add custom buttons to a dialog popup box
  • create and use a modal dialog box
  • use and configure a datepicker widget
  • create a tabs widget with multiple tabs
  • add tabs dynamically to a tabs widget
  • open a specific tab on page refresh or load
  • work with the autocomplete widget
  • use AJAX to provide data for a dynamic autocomplete widget
  • use fadeIn(), fadeOut(), fadeTo(), and fadeToggle() to fade elements
  • add a sliding motion to an element using slideDown(), slideUp(), and slideToggle()
  • use animate() to animate an element and set the speed of the animation
  • stop an animation before it has completed
  • determine when an animation has completed before taking additional action on the element
  • use color animations to animate color properties of an element
  • use the Drop, Explode, Puff, Pulsate, and Fold effects on elements
  • use the Blind, Bounce, Clip, Scale, and Shake effects on elements
  • transfer the outline of one element to another element to create a visual interaction between the elements
  • work with queues to build a set of functions to run on an element
  • create a web page containing a widget and use animation to make the web page more interactive

Course options

We offer several optional training products to enhance your learning experience. If you are planning to use our training course in preperation for an official exam then whe highly recommend using these optional training products to ensure an optimal learning experience. Sometimes there is only a practice exam or/and practice lab available.

Optional practice exam (trial exam)

To supplement this training course you may add a special practice exam. This practice exam comprises a number of trial exams which are very similar to the real exam, both in terms of form and content. This is the ultimate way to test whether you are ready for the exam. 

Optional practice lab

To supplement this training course you may add a special practice lab. You perform the tasks on real hardware and/or software applicable to your Lab. The labs are fully hosted in our cloud. The only thing you need to use our practice labs is a web browser. In the LiveLab environment you will find exercises which you can start immediatelyThe lab enviromentconsist of complete networks containing for example, clients, servers,etc. This is the ultimate way to gain extensive hands-on experience. 


Via ons opleidingsconcept bespaar je tot 80% op trainingen

Start met leren wanneer je wilt. Je bepaalt zelf het gewenste tempo

Spar met medecursisten en profileer je als autoriteit in je vakgebied.

Ontvang na succesvolle afronding van je cursus het officiële certificaat van deelname van

Krijg inzicht in uitgebreide voortgangsinformatie van jezelf of je medewerkers

Kennis opdoen met interactieve e-learning en uitgebreide praktijkopdrachten door gecertificeerde docenten


Once we have processed your order and payment, we will give you access to your courses. If you still have any questions about our ordering process, please refer to the button below.

read more about the order process

What is included?

Certificate of participation Yes
Monitor Progress Yes
Award Winning E-learning Yes
Mobile ready Yes
Sharing knowledge Unlimited access to our IT professionals community
Study advice Our consultants are here for you to advice about your study career and options
Study materials Certified teachers with in depth knowledge about the subject.
Service World's best service


Na bestelling van je training krijg je toegang tot ons innovatieve leerplatform. Hier vind je al je gekochte (of gevolgde) trainingen, kan je eventueel cursisten aanmaken en krijg je toegang tot uitgebreide voortgangsinformatie.

Life Long Learning

Follow multiple courses? Read more about our Life Long Learning concept

read more

Contact us

Need training advise? Contact us!