javascript - InternetExplorerで期待されるオブジェクト。JQueryの使用

Question

このコードをHTMLで実行すると、オブジェクトの予期されるエラーが発生し、ボタンを機能させることができません。これは私のコードです。

<button type="button" id="button">Click</button>

<script language="javascript" type="text/javascript">

$("button").click(function () {
    $("p").addClass("highlight");
})
</script>

デバッガーは、エラーが$（ "button"）。click（function（）{

これは私のHTML全体です：

http://jsfiddle.net/J7QFy/

両方のボタンで色を変更することはできません。色が黄色に変わるだけです。これはこのフィドルサイトではある程度機能するようですが、オブジェクトの予期されるエラーが発生するため、InternetExplorerからこれを実行することはできません。Internet Explorerから実行するとは、ブラウザでhtmlページファイルを開くことを意味します。

ありがとう

Answer 1

ばかげた質問かもしれませんが、JQueryjsファイルを含めましたね。

Answer 2

<button type="button" id="button">Click</button>
<script type="text/javascript">
$(function() {
    $("button").click(function () {
        $("p").addClass("highlight");
    })
});
</script>

http://jsfiddle.net/4vx7J/

編集：これを試してください

http://jsfiddle.net/J7QFy/11/

Answer 3

正しく実行するには、このコードをドキュメント対応のjqueryコードで囲む必要があります。

$(document).ready(function() {

}

Answer 4

クリックイベントをバインドする他の方法を試しましたか？

$(function() {
  $("button").on({
    'click': function() {
      $("p").addClass("highlight");
    }
  });
});

Answer 5

<style>
.highlight {background-color: red;}
</style>
<button type="button" id="button">Click</button>
<p>foo!!!</p>

<script type="text/javascript">
$(function() {
    $("button").click(function () {
        $("p").addClass("highlight");
        })
});
</script>​

http://jsfiddle.net/UQ43j/2/