This tutorial assumes that you have some basic knowledge of the following.
jQuery tag line is "write less, do more".
In the following example we are selecting the same element using jQuery.
XMLHttpRequest API is a bit complex but jQuery provides
$.ajax() method which reduces much of the coding part.
Code written using jQuery runs exactly the same in most of the modern browsers as jQuery takes care of most of the cross-browsers issues.
For this tutorial series we can use the following text editors.
We can also use the following IDEs.
You can download jQuery from their website.
Let's say we have the following project structure.
In the above image we can see that we have a project folder jquery-project. Inside the project folder we have a js folder which holds the
Inside the project folder we also have an
To include the jQuery file inside the index.html file we are using the
The index.html file contains the following code.