jQuery Tutorial: Main Concepts and Principles Explained
jQuery first appeared in 2006 and was created by John Resig. The library makes it easier to make scripting of the client-side HTML, helps to traverse and control HTML documents, and add animations.
Why You Should Learn jQuery: Purpose and Use
jQuery is lightweight, has excellent speed, and offers a lot of features as well as a chance to create your plugins if you want to add even more features. The library is free and open-source so that you can contribute to it. Furthermore, it works equally good on all the browsers.
Here is a list of reasons why you should start learning the jQuery basics:
- Flexible: users can add their plug-ins to the library.
- Easy-to-learn: you only need to know some basics of other programming languages to use this library.
- Animations: you can create dynamic and interactive elements easily.
- Syntax: you can easily navigate documents, select elements, handle events and develop responsive websites using AJAX.
- Compatibility: the result of your code will render well in any modern browser.
- jQuery Installation: you can download the jQuery library and add it to your HTML code.
- jQuery CDN: you can include jQuery in your website straight from Content Delivery Network (CDN).
So, you don't necessarily have to download and host jQuery yourself. You can include it in your code from a CDN. Both of the major CDNs – Google and Microsoft – host jQuery. Also, jQuery CDN option is sometimes considered better because of the short loading time.
Where to Start
Before starting our jQuery tutorial, you should follow some steps to make your learning experience more productive:
- You can download the jQuery library software from its official website or include the library in your HTML code from CDN. Find out how this is done in this tutorial.
- Read our jQuery tutorial. You will begin by learning jQuery basics and slowly move on to more advanced lessons. If at any time you feel stuck, try going back to previous tutorials.
- Our jQuery tutorial will give you plenty of chances to practice writing jQuery scripts. Each topic is covered not only with theory but also useful examples, making them perfect jQuery cheat sheets. Click the Try it Live button, make changes to the example code and see corresponding results immediately.
- If you need more information about jQuery, we strongly recommend you try looking at our interactive and video courses. You will be able to access them anytime and anywhere.
What You Will Learn
Our tutorial will provide you with the theory and practice you need to start using the jQuery library. You will learn about the syntax and the basic template for applying functions. Also, you will learn methods for applying effects and animation. However, even with a great jQuery cheat sheet, you might still feel like you can’t fully take advantage of this framework.