jQuery interlink on web page to Get Started

In this tutorial page you will learn about jQuery interlink on web page to Get Started learn jQuery.

jQuery interlink / add on web page

Basically we need to add jquery, you can add jqeury many ways to own website 

  1. Download jquery from jquery.com and use as offline in root folder
  2. CDN link like Google, CDNjs.com etc

Download jQuery

Basically jQuery have two versions which given following

  1. Production version - you can use in live website  (compressed and unreadable code)
  2. Development version - you can use for testing and development (uncompressed and readable code)

Upon the given both versions download from jquery.com

Add jQuery on Web page by Root Folder

You need to create js Folder in root Folder and js Folder place jquery file 

jQuery interlink / add on web page

<head>
<script src="js/jquery-3.5.1.min.js"></script>
</head>

Add jQuery on Web page by CDN

in this part you will be able to lern how to add jquery from CDN (Content Delivery Network) like Google, CDNjs.com which given following

 Google CDN:

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  alert("i am alert box");
});
</script>
</head>
<body>
<p>This is a paragraph.</p>
</body>
</html>

CDNjs.com CDN

<!DOCTYPE html>
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  alert("i am alert box");
});
</script>
</head>
<body>
<p>This is a paragraph.</p>
</body>
</html>

CDN jQuery V/s Root folder jQuery

 

In this tutorial page you will learn about jQuery interlink on web page to Get Started learn jQuery.

jQuery interlink / add on web page

Basically we need to add jquery, you can add jqeury many ways to own website 

  1. Download jquery from jquery.com and use as offline in root folder
  2. CDN link like Google, CDNjs.com etc

Download jQuery

Basically jQuery have two versions which given following

  1. Production version - you can use in live website  (compressed and unreadable code)
  2. Development version - you can use for testing and development (uncompressed and readable code)

Upon the given both versions download from jquery.com

Add jQuery on Web page by Root Folder

You need to create js Folder in root Folder and js Folder place jquery file 

jQuery interlink / add on web page

<head>
<script src="js/jquery-3.5.1.min.js"></script>
</head>

Add jQuery on Web page by CDN

in this part you will be able to lern how to add jquery from CDN (Content Delivery Network) like Google, CDNjs.com which given following

 Google CDN

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  alert("i am alert box");
});
</script>
</head>
<body>
<p>This is a paragraph.</p>
</body>
</html>

CDNjs.com CDN

<!DOCTYPE html>
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  alert("i am alert box");
});
</script>
</head>
<body>
<p>This is a paragraph.</p>
</body>
</html>

CDN jQuery V/s Root folder jQuery

Many other website use Google CDN link When you visit those website and after visit your website then Google CDN link loaded form cache which leads to faster loading time.Similarly, this rule applies on other CDN link.