Home >>jQuery Tutorial

jQuery Tutorial

jQuery Tutorial

jQuery is known as the fastest and most concise JavaScript library and this jQuery tutorial for beginners will provide you the desired knowledge about this technology. The creator of this JavaScript Library is John Resig, he created this library in the year 2006 and since then it is simplifying the HTML document traversing, animating, event handling and the Ajax interactions for Rapid Web Development.

Let's get to know that for whom this tutorial is beneficial and what the prerequisites is that should be known to grasp the most of this jQuery Tutorial

What is jQuery?

As discussed above, jQuery is basically a JavaScript Library that has been created by John Resig in the year 2006 and it is known to be one of the fastest and concise JavaScript libraries. The motto of the creator behind developing it was extremely simple that consists of the idea of less code and more output. This is basically simple toolkit of the JavaScript that is designed in order to simplify different tasks by the method of less written code.

Features supported by the jQuery

Here are some of the most important core features that are supported by this library:

  • Event Handling : An extremely extraordinary way is offered by the jQuery to capture a wide array of events like a click on the link by the user. And this excludes the need of cluttering the HTML code in itself with the event handlers.
  • Lightweight : This library is known to be the lightest weighted library of the programming language world. It’s about 19 KB in size.
  • AJAX Support : A website that is most responsive and feature rich can be built using AJAX technology and this library helps you a lot in doing this.
  • DOM Manipulation : With this library, now it is easy to select DOM elements, negotiate them and do some modification in their content by the use of Sizzle that is basically a cross-browser open source selector engine.
  • Animations : There are plenty of animations that are built-in this library and can be used in developing one's website.
  • Latest Technology : This is the latest technology in the field as it supports the basic XPath syntax and the CSS3 selectors.
  • Cross Browser Support :This library offers cross-browser support as it is compatible with various browsers like IE6.0+, Chrome, Opera9.0+ and Safari 3.0+.

Let's understand to use the jQuery

There are basically two main ways by which this library can be used:

  • Local Installation : This can be downloaded your local machine and can be included in your HTML code.
  • CDN Based Version : This library can be downloaded in to the HTML code of yours directly from the Content Delivery Network (CDN).

1. Local Installation

In order to install this through local installation please follow these steps:

  • Log on to the website https://jquery.com/download/ in order to download the latest version of the jQuery.
  • After the file is downloaded, put this jquery-2.1.3.min.js file in the directory of your website.

2. CDN Based Version

This Library can be included in to the HTML code directly from the Content Delivery Network (CDN). The latest version of the content deliver is provided by the Microsoft and Google.

PHPTPOINT is the most leading tutorial website that is known for its excellent content of the various subjects. It is referred as the most preferred jQuery tutorial point on the web. Learn our jQuery tutorial for beginners that is in depth of the topic and delivers you the knowledge and facts along with examples on every case possible that will make you a competent learner of jQuery. Along with jQuery tutorial, our website have all the major programming language's tutorial including the AJAX Tutorial.

Here is a simple example of the jQuery for your understanding that will give you an idea about the nature of the jQuery:

 <html>
   <head>
      <title>The jQuery Example</title>
      <script type = "text/javascript" 
         src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
      </script>
		
      <script type = "text/javascript">
         $(document).ready(function() {
            document.write("Hello, World!");
         });
      </script>
   </head>
	
   <body>
      <h1>Hello</h1>
   </body>
</html>
 

Audience

Any tutorial is designed on the base of the audiences of the subject matter. This tutorial is developed by the subject matter experts having prestigious experience on the subject and hence, the software programmers can learn jQuery from the basics and understand its programming concepts in extremely simple method. This tutorial consists of the descriptive examples and all the components of the depicted language or JavaScript Library.

Prerequisite

There are certain things that the students of this tutorial should have learned first in order to grasp every word of this tutorial and increase their efficiency to the optimum. The things in the prerequisite includes: HTML (basic level), JavaScript, Document Object Model (DOM), Text editor (it be any of them), and CSS. These applications or languages are required for this tutorial as through this tutorial you are stepping a level up in the development of web based application using this JavaScript Library hence, the outcome will be incredibly fruitful if you have the understanding of the above-mentioned languages.


jQuery Tutorial Index

Sr.No. Topics
1 jQuery History
2 jQuery Example
3 jQuery Selectors
4 jQuery – Effects
5 jQuery animate() Method
6 jQuery delay() Method

Learn Latest Tutorials