javascript - Internet Explorer 中预期的对象。使用 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/

我不能让两个按钮都改变颜色，它们只是把颜色变成黄色。这似乎在这个小提琴网站上有点工作，但是我无法从 Internet Explorer 运行它，因为我得到了对象预期错误。当我说从 Internet Explorer 运行它时，我的意思是在浏览器中打开 html 页面文件。

谢谢

Answer 1

可能是一个愚蠢的问题，但您已经包含了 JQuery js 文件，对吧？

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/