JavaScript & jQuery Tutorials

JQ Home

Learning jQuery

This side of the website is all about the jQuery library and how to use it. Though knowing JavaScript isn't a prerequisite of learning jQuery it will certainly make the journey easier. If you are completely new to The JavaScript and jQuery disciplines I recommend using The JavaScript side of the site first. You need to have an understanding of HTML and CSS to get the most benefit from these tutorials.

Visit the HTML Doctor website for in-depth tutorials on the HTML and CSS disciplines as well as a comprehensive reference section.

What is jQuery?

Originally developed and coded by John Resig and worked on by a dedicated team of jQuery evangelists ever since, jQuery is a fast and compact JavaScript library that allows simplified usage of DOM traversal and modification, event handling and AJAX as well as giving us more selectors to work with and some nice effects and animations. With jQuery we can write concise powerful code which would take many lines of JavaScript code to achieve the same results. jQuery also positively encourages separation of concerns so there is no adulteration of the mark-up when using this powerful library. In these tutorials we will be using jQuery major release version 1.10.

jQuery Basics

In these basic lessons we start by looking at how to download jQuery and start using it in our pages. We will use the same simplistic 'Hello World' program we looked at on The JavaScript side of the site, to get a feel for how the jQuery library works. We then take a look at the jQuery Core and Internal methods and properties. We investigate elements selection using the selectors already available in CSS1/2/3 as well as the custom selectors provided by jQuery itself. After this we look at the jQuery DOM element methods as well as those methods that allow us to traverse the DOM in a simple and concise way. Following this we see how to work with CSS classes and their attributes before finishing with a look at the CSS properties methods available..

jQuery Intermediate

We start the intermediate lessons by examining the methods available for filtering our matched sets. We then take a look at DOM manipulation and how to do inner, outer and wrapped DOM insertion as well as modify and replace DOM elements. Creating visually stunning effects in jQuery is a breeze as we find out when we explore the jQuery methods and properties available to fade, slide and control effects. We finish the intermediate section by exploring the multitude of jQuery general, copy, data and type utilities we can use.

jQuery Advanced

We start the advanced section by looking at Events, which are used to bring our pages to life. jQuery cuts through the browsers differences and makes event usage simple and elegant as we will see when we investigate loading, browser, keyboard, mouse and form events. We continue our investigation of events by looking at the Event Handler Attachments available. We then look at three powerful objects that jQuery provides for us, the Events object, the Callbacks object and the Deferred object. Following on from this we take an in-depth look at ajax starting with the jQuery low-level interface and ajax shorthand methods. We then examine ajax serialization before concluding our ajax studies and the lessons for this side of the site with a look at ajax global event handlers.

Reference

A fully linked reference covering the jQuery 1.10 major release giving syntax and usage for every method, property and object as well as all signatures within each method. The reference section can either be perused by looking through the alphabetical list or by clicking on one of the tabs on the reference page. The tabs cover every part of the jQuery library split into logical modules for easy retrieval of relevant information.



     jQuery Basics  >>

go to top of page Top