.addClass不工作

Question

我正在尝试使用.addClass（）

将一个类添加到div中

以下是我尝试这样做的方法：

<script>
$("#circle").hover(function() {
    ("#circle").addClass("new_style");
});
</script>

我有这个div

<div id="circle" class="lol"></div>

检查元素并查看控制台后，我可以看到错误

"Uncaught TypeError: Object #circle has no method 'addClass' "

Answer 1

您在$之前错过了("#circle")：

$("#circle").hover(function() {
    $("#circle").addClass("new_style");
});

但是，您根本不需要重新查询该元素的DOM！

$("#circle").hover(function() {
    $(this).addClass("new_style");
});

即便如此，你也不需要重新jQuery-ify那个对象。重用jQuery对象可以降低性能：

var $circle = $("#circle");

$circle.hover(function() {
    $circle.addClass("new_style");
});

---

有趣的是，JSLint和JSHint都没有发现这个草率的错误。