jQuery事件监听器无法正常工作

Question

<div id="mybutton" class="button">label</div>

<script>

      $(document).ready(function () {

        $('.button').mouseenter(function () {
            $(this).css('cursor', 'pointer');
            $(this).addClass('green');
        });

        $('.button').mouseleave(function () {
            $(this).css('cursor', 'auto');
            $(this).removeClass('green');
        });
      });
</script>

当我进入#mybutton时，没有任何反应。为什么？我做错了什么？

Answer 1

你的代码完全没问题：

以下是jsfiddle

我刚刚添加了

.green{
    color:green;
}

Answer 2

在jquery脚本文件链接后将脚本块移动到Head。