为什么jQuery hasClass返回TypeError？

Question

在hasClass documentation page上有以下div元素：

<div id="sidebar" class="widget-area" role="complementary">…</div>

但是，当我在此页面的控制台中输入以下内容时：

$('.widget-area').hasClass('widget-area'); // This should return true!

我收到以下错误：

  

未捕获的TypeError：$（...）。hasClass不是函数（...）

我知道这是因为jQuery在这里返回了一个DOM元素，但我不明白为什么。我使用与该文档页面完全相同的语法并获得不同的响应。

Answer 1

您最有可能在另一个框架中执行$('.widget-area').hasClass('widget-area');。在Chrome中，控制台左上角有一个下拉列表，指定控制台执行命令的帧。将其更改为top，它应该可以正常工作。