在Codepen上出现错误：未捕获ReferenceError：$未定义

Question

在Codepen上获得以下错误。不知道发生了什么。究竟没有定义什么，我应该更改什么？

$(function() {
  $("#btnHideBanana").click(function() {
    $("#banana").collapse("hide")
  });
  $("#btnShowBanana").click(function() {
    $("#banana").collapse("show")
  });
});
$(document).ready(function() {
  $("#btnHideMonkey").click(function() {
    $("#monkey").collapse("hide")
  });
  $("#btnShowMonkey").click(function() {
    $("#monkey").collapse("show")
  });
});

https://codepen.io/ganiya/pen/MWKWjKX?editors=1010

Answer 1

要使用jquery $ 符号，您需要包括jquery脚本路径。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

$(function() {
  $("#btnHideBanana").click(function() {
    $("#banana").collapse("hide")
  });
  $("#btnShowBanana").click(function() {
    $("#banana").collapse("show")
  });
});
$(document).ready(function() {
  $("#btnHideMonkey").click(function() {
    $("#monkey").collapse("hide")
  });
  $("#btnShowMonkey").click(function() {
    $("#monkey").collapse("show")
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

Answer 2

如果单击JS窗口上的JS设置图标，将打开一个模式，您可以搜索要使用的CDN。搜索jQuery并选择所需的脚本。