Visual Studio中jQuery $未定义问题求助：如何正确引入并启用代码提示？

一、排查运行时$未定义问题 #

• 验证jQuery资源加载状态
  打开浏览器开发者工具（F12）切换到「网络」标签，刷新页面后检查jQuery资源的请求状态：
  • 若CDN请求返回404或失败，更换为稳定的jQuery CDN链接（如https://code.jquery.com/jquery-3.7.1.min.js），或下载对应版本的jQuery文件到本地，用正确的相对路径引入。
  • 确认jQuery引入代码必须放在所有自定义JS代码之前，示例：

    <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
    <script src="game.js"></script>
    

• 解决$符号冲突
  若页面存在其他使用$的库（如Prototype），可通过两种方式规避：
  1. 将代码中的$替换为jQuery调用：

     jQuery(".btn").click(function() {
       var userChosenColour = jQuery(this).attr("id");
       userClickedPattern.push(userChosenColour);
     });
     

  2. 用自执行函数包裹代码，限定$作用域：

     (function($) {
       $(".btn").click(function() {
         var userChosenColour = $(this).attr("id");
         userClickedPattern.push(userChosenColour);
       });
     })(jQuery);
     

二、修复Visual Studio的jQuery代码提示问题 #

• 手动添加智能感知引用
  在自定义JS文件最顶部添加注释，明确引用jQuery定义文件：
  • 本地文件：/// <reference path="./jquery-3.7.1.js" />（路径根据实际文件位置调整）
  • CDN文件：/// <reference path="https://code.jquery.com/jquery-3.7.1.js" />
• 重置VS IntelliSense缓存
  1. 打开VS的「工具」→「选项」→「文本编辑器」→「JavaScript/TypeScript」→「IntelliSense」
  2. 点击「清除缓存」按钮，重启Visual Studio后重新加载项目
• 检查VS扩展与设置
  • 确保官方「jQuery IntelliSense」扩展已安装且未被禁用
  • 若使用Visual Studio Code，开启自动导入设置：打开设置（Ctrl+,），搜索javascript.suggest.autoImports并勾选启用，同时安装「jQuery Code Snippets」扩展增强提示

用户提供的问题代码：

var buttonColours = ["red", "blue", "green", "yellow"];

var gamePattern = [];

//3. At the top of the game.js file, create a new empty array with the name userClickedPattern.
var userClickedPattern = [];

//1. Use jQuery to detect when any of the buttons are clicked and trigger a handler function.
$(".btn").click(function() {

  //2. Inside the handler, create a new variable called userChosenColour to store the id of the button that got clicked.
  var userChosenColour = $(this).attr("id");

  //4. Add the contents of the variable userChosenColour created in step 2 to the end of this new userClickedPattern
  userClickedPattern.push(userChosenColour);

  //console.log(userClickedPattern);

});

内容的提问来源于stack exchange，提问作者Hadeel