如何在ASP.Net项目中包含jQuery?

nw.*_*nw. 21 asp.net jquery

我已经读过微软现在将jQuery与Visual Studio捆绑在一起.那我怎么在我的ASP.Net项目中"包含"jQuery源代码呢?

Nic*_*ver 26

您可以使用以下命令将脚本文件直接包含在页面/母版页等中:

 <script type="text/javascript" src="/scripts/jquery.min.js"></script> 
Run Code Online (Sandbox Code Playgroud)

我们使用Google或Microsoft等内容分发网络:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
Run Code Online (Sandbox Code Playgroud)

要么:

<script src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.2.js" type="text/javascript"></script>     
Run Code Online (Sandbox Code Playgroud)


ᴍᴀᴛ*_*ᴋᴇʀ 18

实际上有几种方法可以做到:

1:下载

您可以下载最新版本的jQuery,然后使用标准HTML脚本标记将其包含在您的页面中.这可以在主页面或单个页面中完成.

HTML5

<script src="/scripts/jquery-2.1.0.min.js"></script>
Run Code Online (Sandbox Code Playgroud)

HTML4

<script src="/scripts/jquery-2.1.0.min.js" type="text/javascript"></script>
Run Code Online (Sandbox Code Playgroud)

2:内容交付网络

您可以使用Google的CDN(内容分发网络)将jQuery包含在您的网站中.如果用户已使用同一CDN中的相同版本访问过站点,这应有助于减少页面加载时间.

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
Run Code Online (Sandbox Code Playgroud)

3:NuGet包管理器

最后,(我的首选)使用随Visual Studio和Visual Studio Express一起提供的NuGet.右键单击项目并单击Manage NuGet Packages即可访问此文件.

NuGet是一个开源库包管理器,作为Visual Studio扩展,可以很容易地在Visual Studio项目和网站中添加,删除和更新外部库. 在C#和VB.NET,WROX,2013中开始ASP.NET 4.5

在此输入图像描述

安装后,新的文件夹组将出现在您的解决方案资源管理器中Scripts.只需将要包含的文件拖放到所选页面即可.

此方法适用于较大的项目,因为如果您选择删除文件,或稍后更改版本(通过包管理器),则会自动删除/更新项目中对该文件的任何引用.

这种方法的唯一缺点是它不使用CDN来托管文件,因此在用户第一次访问您的站点时,页面加载时间可能会稍微慢一些.