如何在ASP.NET Core中使用jQuery？已安装NuGet包如何引入视图

数据老陈

2026-9-23

ASP.NET Core 引入NuGet安装的jQuery到视图的操作步骤

首先确认你项目的Startup.cs中Configure方法已经启用静态文件中间件（你已经安装了对应的StaticFiles包，直接加一行配置即可）：

public void Configure(IApplicationBuilder app, IHostingEnvironment env)
{
    // 其他中间件配置...
    // 确保下面这行存在，且放在路由配置之前
    app.UseStaticFiles();
    // 其他中间件配置...
}

你通过NuGet安装的jQuery默认不会自动复制到项目可访问的静态资源目录，有两种常用方案可以引入：

方案1：映射NuGet包路径直接访问
新增一个静态文件映射规则，把NuGet中jQuery包的脚本目录映射到项目的访问路由，修改app.UseStaticFiles的配置如下：

using Microsoft.Extensions.FileProviders;
using System.IO;

public void Configure(IApplicationBuilder app, IHostingEnvironment env)
{
    // 其他中间件配置...
    app.UseStaticFiles();
    // 新增jQuery包路径映射
    app.UseStaticFiles(new StaticFileOptions
    {
        FileProvider = new PhysicalFileProvider(
            Path.Combine(
                Environment.GetFolderPath(Environment.SpecialFolder.UserProfile), 
                ".nuget", "packages", "jquery", "3.6.0", "Content", "Scripts"
            )
        ),
        RequestPath = "/jquery"
    });
    // 其他中间件配置...
}

配置完成后直接在视图中引入即可：

<script src="~/jquery/jquery.min.js"></script>

方案2：复制脚本到wwwroot目录（更推荐，兼容性更强）
打开NuGet包的本地存储目录，默认路径为%UserProfile%\.nuget\packages\jquery\3.6.0\Content\Scripts，把里面的jquery.min.js或者你需要的jQuery脚本文件复制到你项目的wwwroot/js目录下（没有js目录就新建一个），之后直接在视图中引入即可：
```
<script src="~/js/jquery.min.js"></script>
```