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

jQuery is 1 of the virtually pop as well as powerful JavaScript libraries, but inward lodge to purpose it, y'all ask to charge into your spider web page using touchstone HTML <script> tag. Based on whether your spider web page is world accessible or for an organization, y'all tin either direct 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 in that location servers are spread across the globe. This besides offering an payoff that if visitor of your site has already downloaded a re-create of jQuery from the same CDN, as well as thus it won't accept to hold upwards re-downloaded.  By the way if y'all desire to parcel 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 hold upwards placed within your spider web application as well as 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 as well as uncompressed copies of jQuery files, uncompressed file is skilful for evolution as well as debugging, but tin deadening downwardly page loading if used inward production. Compressed file saves bandwidth as well as improves functioning in production. 

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

List of URL to include jQuery library into spider web page

Here is the listing of pair of content delivery network, which provides jQuery hosting. You tin purpose whatever of these URL to include or reference jQuery library into your page. As I said CDN networks improves loading of jQuery files past times offering local hubs, equally good as, since they are popular, it mightiness hold upwards possible that your visitor has already downloaded jQuery from requested CDN. In starting fourth dimension representative it helps to charge jQuery faster from closest server, spell inward minute representative it tin leverage already downloaded version of jQuery, which agency to a greater extent than faster response time. Here are 3 virtually pop content delivery network URLs for loading jQuery library inward 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 but ask 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 back size of jQuery, thus that it tin hold upwards loaded faster.

2. jQuery's CDN to download jQuery files

To purpose the jQuery CDN, but 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. take in http://code.jquery.com to run across all available files.

3) Microsoft's CDN to charge jQuery JavaScript library

Microsoft CDN besides host roughly of the virtually pop 3rd political party JavaScript libraries, including diverse version of jQuery.  You tin purpose 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, but before the </body> tag. Former way of loading JavaScript library is older as well as afterward is a newer way to create the same, solely deviation is performance. By loading jQuery at the bottom of page, y'all allow page gets loaded as well as rendered ,and doesn't expression for jQuery or whatever other JavaScript library to hold upwards loaded. By the way amongst modern browser, this functioning deviation 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 roughly other JavaScript file, than brand certain y'all seat it after jQuery.

Summary

Here are the 3 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 as well as 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 as well as Running amongst jQuery
here)

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

How to purpose multiple jQuery Date picker chemical constituent inward 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 inward Java? (solution)

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

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

How to alter multiple elements inward 1 move inward jQuery? (example)

How to cheque as well as uncheck checkboxes using jQuery? (tutorial)

Bagikan Artikel ini