Skip to Content


You (Level 0)
0% Complete
Last Badge Earned

jQuery works by using functions, a library, written in JavaScript. You can use these functions to write powerful things without actually typing much code. jQuery is very lightweight and efficient so you don't have to worry about it slowing down the user experience.

Referencing jQuery is extremely easy and there are multiple ways to do it. Remember that you can reference JavaScript from anywhere. You could even take the JavaScript that I am writing for this website and use it. The first way uses this principle. Google has a jQuery library available for all developers to use.

Example <script type="text/javascript" src=""

If you have a trust issue with Google, you can always download their library and reference it like you would any other JavaScript file. Download the JQuery Library

The Syntax Difference

The basic syntax of jQuery is written much like how you would reference an object's method. In JavaScript, we would do this by document.write, where document is the object and write is the method. jQuery is similar, but we are using selectors instead of objects, and including a $ at the beginning.

Example $(selector).action();

The selector here is whatever we are referencing. It can be an HTML elements id, name, class, etc. You will have a better understanding of what I am talking about in the Selectors tutorial.

I've attached my favorite JavaScript and jQuery book. I would encourage you to read it as well.

Your code will execute in this window.

Let's explore some more tutorials or topics!

Next Tutorial Previous Tutorial


If you enjoyed this resource, support me by sharing this page with others.

Comment on

Show Comments
  • User

    frequenCyn May 6, 2015, 4:48 a.m.

    Yaaaay, jQuery!