javascript - $ は 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 月) バージョンのスクリーンショット:

このばかげたエラーにも多くの時間を無駄にしました - フレームワークと拡張機能は、JavaScript ペインの「JAVASCRIPT *」ボタンを介して選択されるようになりました!

Answer 4

@Drew と @James が示すことを実行します。

問題が解決しない場合 (先日も問題が発生したことはわかっています)、CDN ライブラリから外部リソースを追加できます。

" http://code.jquery.com/jquery-1.9.1.min.js "

幸運を ！

Answer 5

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

上記は $ を意味する定義されていません

例。

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

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