Introduction
What is Jquery

jQuery is free, open source software. We can also say jQuery is a client-side scripting language. jQuery was first released in January 2006 at BarCamp NYC by John Resig. Now a day jQuery is most popular Javascript library. 

JQuery is not programming language. we create Jquery code by using javascript library. For javascript library there are two way to get javascript library.


1- Download Jquery from jQuery.com.
2- Include Jquery from CDN(content delivery network).

Download Jquery from jQuery.com

Download Jquery from jQuery.com. then save jquery(javascript library) in same directory.
then write this code on head section


There are two way to download jQuery.

1- Download the compressed (production version - we can just use this jquery file only) 
<script src="jquery-1.9.0.min.js"></script>

2- Download the uncompressed (development version  - we can modify the code and user it) 
<script src="jquery-1.9.0.js"></script>

Include Jquery from CDN(content delivery network)

Basically There are Four type of CDN(content delivery network).

Google CDN
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

Microsoft CDN
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.3.1.min.js"></script>

CDNJS CDN
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

jsDelivr CDN
<script src="https://cdn.jsdelivr.net/npm/jquery@3.3.1/dist/jquery.min.js"></script>

Note:- use this script on head section.

Why jQuery is required

After Ajax and Javascript a new topic jquery come in Market. Jquery has some more feature compare to older javascript.

  • Performance is better compare to Javascript
  • Browser's compatible is better compare to Javascript
  • Loading is Fast.
  • Line of Coding is less compare to Javscript.


Now a Days mostly compaines use Jquery like Microsoft, Google, IBM etc

Use of jQuery.

Navigate a document

Create animations

Developing Ajax application.

Jquery Release


Jquery has many release Approx(20 Release), but we here show some release.


1.0  26,Aug2006

1.1  24,Jan 2007

1.12 9,Jan 2016

2.0  18,Apr 2013

2.1  24,Jan 2014

3.0  9,Jun 2016

3.2  16,Mar 2017

Sample jQuery - when click on button then div content fill

<html>

<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("#msg").text("This text come when user click on button");
});
});
</script>
</head>

<body>
<button>Click Here</button>
<div id="msg"></div>
</body>

</html>


Next