$未在jsfiddle中定义

Question

假设我有以下html：

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

和javascript：

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

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

  

$未定义

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

感谢。

Answer 1

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

Answer 2

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

Answer 3

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

我在这个愚蠢的错误上浪费了很多时间 - 现在通过＆＃34; JAVASCRIPT *＆＃34;选择框架和扩展。 JavaScript窗格中的按钮！

Answer 4

要么做@ Drew和@James显示。

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

“http://code.jquery.com/jquery-1.9.1.min.js”

祝你好运！

Answer 5

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

Answer 6

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

上面没有定义$

实施例

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

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