JQuery is a powerful JavaScript library that can be used to simplify and enhance the development of web applications. It provides a wide range of features that can be used to create dynamic and interactive web pages. In this article, we will discuss how to use JQuery in your JavaScript code. We will cover topics such as how to include JQuery in your HTML page, how to use JQuery selectors, and how to use JQuery events. By the end of this article, you should have a better understanding of how to use JQuery in your JavaScript code.
To use JQuery in your Javascript, you need to include the JQuery library in your HTML page. This can be done by adding the following line of code to the
section of your HTML page:Once the JQuery library is included, you can use the JQuery syntax in your Javascript code. For example, you can use the $() function to select elements from the DOM, or use the .on() function to attach event handlers to elements.
JQuery is a JavaScript Library. It simplifies JavaScript programming. It is a lightweight. It takes a lot of common tasks that require many lines of JavaScript code to accomplish, and wraps them into methods that you can call with a single line of code. It also simplifies a lot of the complicated things from JavaScript, like AJAX calls and DOM manipulation.
The jQuery library contains the following features:
- HTML/DOM manipulation
- CSS manipulation
- HTML event methods
- Effects and animations
- AJAX
- Utilities
Downloading jQuery
There are two versions of jQuery available for downloading:
- Production version – this is for your live website because it has
been minified and compressed. - Development version – this is for testing and development
(uncompressed and readable code).
The jQuery library is a single JavaScript file, and you reference it with the HTML tag (notice that the tag should be inside the section):
<head>
<script src="https://stackoverflow.com/questions/40409660/jquery-3.1.1.min.js"></script>
</head>
jQuery CDN
If you don’t want to download and host jQuery yourself, you can include it from a CDN (Content Delivery Network).
Both Google and Microsoft host jQuery.
To use jQuery from Google or Microsoft, use one of the following:
Google CDN:
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
</head>
Microsoft CDN:
<head>
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.1.1.min.js"></script>
</head>
One big advantage of using the hosted jQuery from Google or Microsoft:
Many users already have downloaded jQuery from Google or Microsoft when visiting another site. As a result, it will be loaded from cache when they visit your site, which leads to faster loading time. Also, most CDN’s will make sure that once a user requests a file from it, it will be served from the server closest to them, which also leads to faster loading time.
You can learn more about JQuery from http://www.w3schools.com/jquery/default.asp