Create a new project by navigating to File | New | Project.... From the dialog box, select ASP.NET Web Application. Name the project DemoWebApplication (or any other suitable name), and click on OK.

A new dialog box will be launched. Select Web Forms from the available templates. Note that the Web Forms checkbox is checked by selecting the Web Forms template (refer to the following screenshot) and click on OK as shown in the following screenshot:

Open the Site.Master Master Page in the Source mode, as shown in the following screenshot:

Notice that the ScriptManager control that is added to the <form> element has the following reference to jQuery:

<asp:ScriptReference Name="jquery" />

The ScriptManager control switches the jQuery library between the development and release versions, depending on the debug attribute of the <compilation> element in web.config:

<compilation debug="true"/>

When the debug attribute is true, the uncompressed version is used. When debug is false, the minified version is used.

The default template is shipped with the AspNet.ScriptManager.jQuery package. This package adds the following ScriptMappings to jQuery in the PreApplicationStart method of the application as follows:

For C#, the code is as follows:

string str = "2.4.1";
ScriptManager.ScriptResourceMapping.AddDefinition("jquery", new ScriptResourceDefinition
{
    Path = "~/Scripts/jquery-" + str + ".min.js", 
    DebugPath = "~/Scripts/jquery-" + str + ".js", 
    CdnPath = "http://ajax.aspnetcdn.com/ajax/jQuery/jquery-" + str + ".min.js", 
   CdnDebugPath = "http://ajax.aspnetcdn.com/ajax/jQuery/jquery-" + str + ".js", 
   CdnSupportsSecureConnection = true, 
   LoadSuccessExpression = "window.jQuery"
});

When the EnableCdn property of the ScriptManager control is set to true, CdnPath and CdnDebugPath are used in release and development modes, respectively, to serve scripts from the Microsoft CDN:

<asp:ScriptManager runat="server" EnableCdn="true">

However, if the CDN is down or if the application is offline, the ScriptManager control will include a fallback mechanism to serve the local copy of jQuery, as shown in the following screenshot:

To change the CDN to another, for example Google CDN, we need to change ScriptResourceMapping in the RegisterBundles method in BundleConfig, as shown in the following code. This module/class is located in the App_Start folder:

For VB, the code is as follows:

ScriptManager.ScriptResourceMapping.AddDefinition("jquery", New ScriptResourceDefinition() With {
   .Path = "~/Scripts/jquery-2.1.4.min.js",
   .DebugPath = "~/Scripts/jquery-2.1.4.js",
   .CdnPath = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js",
   .CdnDebugPath = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.js",
   .CdnSupportsSecureConnection = True,
   .LoadSuccessExpression = "window.jQuery"})

For C#, the code is as follows:

ScriptManager.ScriptResourceMapping.AddDefinition("jquery", new ScriptResourceDefinition
{
   Path = "~/Scripts/jquery-2.1.4.min.js",
   DebugPath = "~/Scripts/jquery-2.1.4.js",
   CdnPath = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js",
   CdnDebugPath = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.js",
   CdnSupportsSecureConnection = true,
   LoadSuccessExpression = "window.jQuery"
});

By running the page and viewing the source in the browser window, note that Microsoft CDN is replaced with Google CDN as required:

Open the Global.asax page to view the registration of bundles in the Application_Start event handler as follows:

For VB, the code is as follows:

BundleConfig.RegisterBundles(BundleTable.Bundles)

For C#, the code is as follows:

BundleConfig.RegisterBundles(BundleTable.Bundles);