$ 未在 jsfiddle 中定义答案

【问题标题】：$ is not defined in jsfiddle$ 未在 jsfiddle 中定义
【发布时间】：2013-03-18 01:15:11
【问题描述】：

假设我有以下html：

<div id="test1">hi</div>
<a href="#" onclick="showDiv()">click here</a>

和javascript：

function showDiv() {
    $("#test1").hide();
}

当我在 jsfiddle 上尝试时，它返回：

$ 未定义

我是否错过了 jsFiddle 中的某些设置？

谢谢。

【问题讨论】：

【解决方案1】：

这表明您没有从屏幕左侧选择任何一个 jQuery 库。

【讨论】：

【解决方案2】：

这些答案是旧的，对于任何寻找更新版本的人来说，下拉菜单现在位于 jsfiddle 中 javascript 窗口右上角 Javascript 一词旁边的齿轮上。

【讨论】：

【解决方案3】：

jsfiddle 当前（2015 年 12 月）版本的屏幕截图：

我也只是在这个愚蠢的错误上浪费了很多时间 - 现在可以通过 JavaScript 窗格中的“JAVASCRIPT *”按钮选择框架和扩展！

【讨论】：

【解决方案4】：

如果有人在 2017 年阅读本文，请确保使用 https 协议添加 jQuery link。这将被添加到页面左侧的外部资源选项卡中。

【讨论】：

【解决方案5】：

要么做@Drew 和@James 展示的内容。

如果您仍然遇到问题（我知道我前几天也遇到过），您可以从 CDN 库添加外部资源

祝你好运！

【讨论】：

【解决方案6】：

$("#test1").hide();

上面没有定义的意思是$

示例。

jQuery(document).ready(function($) { $("#test1").hide(); } `

jQuery(document).ready(function(IsNowDefined) // just for explanation IsNowDefined("#test1").hide();

【讨论】：