jQuery Tutorial for Beginners with Example

jQuery Tutorial for Beginners 2

Tags | jquery tutorial for beginners with examples asp.net, jquery tutorial for asp.net developers, jquery tutorial for beginners step by step, jquery tutorial for .net

jQuery Tutorial for Beginners

In this tutorial, I will cover some of the following topics:-

  • What is Jquery used for
  • Why jquery is used
  • How to use jquery
  • Jquery CDN google
  • What is the difference between jquery and javascript
  • How to use jquery in MVC 5

What is Jquery used for

jQuery is not a language, but it is a well-written JavaScript code. jQuery is a fast, cross-browser JavaScript library that simplifies the client-side scripting, event handling, animation, and AJAX interactions for rapid web development. In order to work with jQuery, you should aware of the basics of JavaScript, HTML, and CSS.

It is free, open source software Dual-licensed under the MIT License and the GNU General Public License. Microsoft has integrated jQuery officially into its IDE Visual Studio and jQuery intellisense is available in Visual Studio 2017 now.

Why jquery?

jQuery is a very compact and well-written code so there are following advantages of using jQuery:-
  • It improves the performance of web applications
  • It helps to develop most browser compatible web page
  • Simple and cleaner code, no need to write several lines of codes to achieve complex functionality
  • It helps to implement UI related critical functionality without writing hundreds of lines of codes
  • Lightweight and fast as compared to JavaScript
  • It is extensible

How to use jquery

jQuery usually comes as a single JavaScript file containing everything comes out of the box with jQuery. It can be included within a web page using the following markup:-

<script type=”text/javascript” src=”jQuery-1.11.3-min.js”></script>

Jquery CDN

CDN Stands for Content Distribution Network or also called Content Delivery Network is a system of distributed servers (network) that deliver web pages and other Web content to a user based on the geographic locations of the user, the origin of the webpage and a content delivery server. There are two leading CDNs available that host jQuery files. Find the below benefits to loading jquery file from CDN:-

  • Faster page load
  • Saves your bandwidth
  • Scalable – Generally CDNs place these files on the servers located at different geographical locations of the world so that they load faster so irrespective of from where your user is browsing your page, your application runs well.

Jquery CDN Google
<script src=”https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js”></script>

Jquery CDN Microsoft
<script type=”text/javascript” language=”Javascript” src=”http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.11.3.min.js”></script>

How to load jquery locally when CDN fails

Sometimes, it may happen that the CDN you have used to load the jQuery file is not available (it rarely happens, however, anything is possible, isn’t it?); in that case you should load your local jQuery file that is available on your server so that all jQuery related functionality still works on your page.

What is the difference between jquery and javascript

difference between jquery and javascript jquery tutorial for beginners jQuery Tutorial for Beginners with Example difference between jquery and javascript min 788x1024

How to use jquery in MVC 5

Did you find this post useful? I hope you liked this article. Please share with me your valuable suggestions and feedback.


Please enter your comment!
Please enter your name here