3 Cdn Url To Charge Jquery Into Spider Web Page From Google, Microsoft

jQuery is 1 of the nigh pop in addition to powerful JavaScript libraries, but inwards club to operate it, y'all cry for to charge into your spider web page using measure HTML <script> tag. Based on whether your spider web page is world accessible or for an organization, y'all tin either select to charge the jQuery library from local file system, bundled within your spider web application or y'all tin straight download using 1 of the content delivery network (CDN) e.g. Google or Microsoft CDN. Choosing CDN to download jQuery tin offering a performance benefit because at that spot servers are spread across the globe. This besides offering an wages that if visitor of your site has already downloaded a re-create of jQuery from the same CDN, in addition to then it won't accept to endure re-downloaded.  By the way if y'all desire to package jQuery into your spider web application or desire to charge it from local file system, y'all tin ever download latest version of jQuery from jQuery site at http://jquery.com. Installing jQuery required this library to endure placed within your spider web application in addition to using the HTML <script> tag to include it into your pages e.g. <script type="text/JavaScript" src="scripts/jquery-1.10.2.js"></script>. 

The jQuery site offers compressed in addition to uncompressed copies of jQuery files, uncompressed file is adept for evolution in addition to debugging, but tin tedious downwards page loading if used inwards production. Compressed file saves bandwidth in addition to improves surgical procedure in production. 

In this article, I am sharing distich of CDN URLs from where y'all tin straight charge jQuery files into your spider web page, this includes pop Google CDN, jQuery CDN in addition to Microsoft CDN.

List of URL to include jQuery library into spider web page

Here is the listing of distich of content delivery network, which provides jQuery hosting. You tin operate whatsoever of these URL to include or reference jQuery library into your page. As I said CDN networks improves loading of jQuery files yesteryear offering local hubs, equally good as, since they are popular, it mightiness endure possible that your visitor has already downloaded jQuery from requested CDN. In outset instance it helps to charge jQuery faster from closest server, piece inwards instant instance it tin leverage already downloaded version of jQuery, which way to a greater extent than faster response time. Here are iii nigh pop content delivery network URLs for loading jQuery library inwards your spider web pages.

1. Google CDN URL to download jQuery

http:////ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js is the Google CDN url to download jQuery version 1.10.1, y'all simply cry for to include that into src attribute of HTML <script> tag equally shown below:

<script type="text/JavaScript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js" ></script>

One of the worth noting affair is jquery.min.js, which is actual jQuery library, .min version is a compressed production version, which is without debug information to cut down size of jQuery, hence that it tin endure loaded faster.

2. jQuery's CDN to download jQuery files

To operate the jQuery CDN, simply reference the jQuery library straight from http://code.jquery.com in the script tag, equally shown below :

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>

This volition download jQuery version 1.10.1, but y'all are costless to download before jQuery version including jQuery 1.4 or jQuery 1.6. view http://code.jquery.com to encounter all available files.

3) Microsoft's CDN to charge jQuery JavaScript library

Microsoft CDN besides host or hence of the nigh pop 3rd political party JavaScript libraries, including diverse version of jQuery.  You tin operate next URL to reference jQuery straight within src attribute of <script> tag.

jQuery version 1.10.0              : http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.10.0.min.js

jQuery version 2.0.0            : http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.0.0.min.js

Where to include jQuery - Head or Body

You tin include <script type="JavaScript" src="/scripts/jquery.min.js"> 

in either <head> or at the bottom of the page, simply before the </body> tag. Former way of loading JavaScript library is older in addition to later on is a newer way to create the same, solely divergence is performance. By loading jQuery at the bottom of page, y'all allow page gets loaded in addition to rendered ,and doesn't aspect for jQuery or whatsoever other JavaScript library to endure loaded. By the way amongst modern browser, this surgical procedure divergence is negligible.

<!DOCTYPE html>

<html>

  <head>

    <title>jQuery Tutorials</title>

  </head>

  <body>

  

        <!-- Your HTML structures -->

  

        <!-- including jQuery from local resources -->

    <script src='scripts/jquery.min.js'></script>

  </body>

</html>

By the way if y'all have  put all your jQuery code within or hence other JavaScript file, than brand certain y'all set it after jQuery.

Summary

Here are the iii pop CDN URL to include jQuery library version 1.9.0 straight into your spider web page :

Google CDN URL          : http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js

jQuery CDN URL           : http://code.jquery.com/jquery-1.9.1.min.js

Microsoft CDN URL     : http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.9.1.min.js

That's all on this list of URL to download or include jQuery files into spider web page. I accept shared mainly ii ways of referencing jQuery files, from local file scheme of your spider web application, or straight downloading from 1 of the pop CDN network e.g. Google CDN. We accept besides seen create goodness of including compressed version of jQuery file in addition to using CDN network for hosting jQuery. Finally, nosotros learned create goodness of putting <script> tag at bottom of <body> tag instead of <head>, mainly faster loading of spider web page.

Further Reading
The Complete jQuery Course: From Beginner To Advanced!
Up in addition to Running amongst jQuery
here)

How to acquire electrical current URL Parameter using jQuery? (solution)

How to operate multiple jQuery Date picker chemical ingredient inwards 1 HTML page? (answer)

10 Examples of jQuery selectors for Web Developers (tutorial)

How to redirect spider web page using jQuery code? (answer)

3 Ways to parse HTML using JSoup inwards Java? (solution)

How to reload/refresh a page using jQuery? (answer)

How to forestall double submission of POST information using JavaScript? (solution)

How to alteration multiple elements inwards 1 become inwards jQuery? (example)

How to depository fiscal establishment check in addition to uncheck checkboxes using jQuery? (tutorial)

Sumber https://javarevisited.blogspot.com/

Share this post