Some of the things you can do with JQuery are:
- Select HTML elements in various ways, easing access to the elements to be enhanced.
- Style the HTML elements dynamically, by manipulating their CSS properties or classes.
- Manipulate the DOM (Document Object Model) of your page, (copy, move, modify etc.)
- Animate the DOM elements, e.g. fading in / out, sliding, change color, change size etc.
- Respond to events like mouse-over, mouse-out, change etc.
- AJAX enable your web pages using JQuery's smart AJAX features.
- Use the many JQuery plugins (incl. JQuery UI), which contains all kinds of smart widgets.
- Create advanced web application user interfaces, which resemble desktop user interfaces.
If you plan to develop your next web application in HTML 5, then JQuery can make this task a lot easier. JQuery works naturally with the HTML elements in the browser, so it doesn't matter if they are HTML 4 or HTML 5 elements. As long as your browser supports it, so does JQuery.
You can find JQuery at JQuery.com.
The version of JQuery used in this tutorial is 1.6.1 .
jQuery Compressed - Kindle Book
If you prefer to read the material offline (e.g. on a Kindle), I have published a book on jQuery titled jQuery Compressed.
The book contains more detail than this tutorial, plus it contains a few larger examples of use of jQuery that this tutorial doesn't.
Furthermore, the book is cheap compared to other books on jQuery, so if you are looking for a book on jQuery, check it out.
Work in Progress
This JQuery tutorial describes the core of jQuery by now, but even so it may still grow. As jQuery develops, so may this tutorial. If you have any questions or suggestions, feel free to contact me.
Table of Contents
Here is a list of the topics covered in this JQuery trail. This list (menu) is also present at the top right of every page in the trail.
|jQuery & CSS|
|jQuery & DOM|
|jQuery & Events|
|jQuery & Effects|
|jQuery & AJAX|
Feel Free to Contact Me
If you disagree with anything I write here about the JQuery tutorial, or just have comments, questions, etc, feel free to send me an email. You wouldn't be the first to do so. You can find my email address on the about page.