Getting Started with jQuery: Tutorial and Example

Before you start working with jQuery, it’s best you first understand Javascript and the difference with it and plain HTML and CSS.

The first thing I would like to advise is to start by learning basic Javascript and doing calculations in it. This will also help you experience the differences between browsers. But don’t worry, jQuery solves a lot of these problems. In the next section I’ll explain what to do before starting to write your own script.

Description of the Example

Now, lets go over the above code step by step.

Step 1: The first and most important thing is to include jQuery library as:

<script type="text/javascript" src="jquery-1.6.2.js"></script>

If you are using the above tag as it is , you need to save the “jquery-1.6.2.js” in the same folder in which you saved your html page. You can also save it in another folder but in that case you need to provide the relative path.

Step 2: Be sure the <script> tag should be inside the page <head> section.

Share this:

Author:dreammaker

I am Najam - A Developer, Designer, Blogger and Photographer. I always love to share my knowledge and research about Technology, Blogging, Tutorials, Software's and Quick Tips. View all posts by dreammaker