Javascript hasClass不是一个函数

我正在编写一个简单的jquery代码，以动画显示页面上的一个元素：

当前

 $('#tgs-nav-icon').on('click', function() {
    var $nav = (".canvas-menu-content");
    var bounceInRight = "bounceInRight animated";

    if(! $nav.hasClass(bounceInRight) ) {
        $nav.addClass(bounceInRight);
    }
    else {
        $nav.removeClass(bounceInRight);
    }

});

未捕获的TypeError:nav.hasclass不是函数

我试着测试这段代码，看看哪里出错了，但这段代码返回错误，因为它应该是：

var help = $( ".canvas-menu-content" ); 
console.log(help.hasClass("foo"));

我不明白为什么if语句会给我这个错误

---

我试着做了一些研究，但前面的问题似乎都不能回答我的问题

您正在将

$nav

分配给字符串“.canvas menu content”，此处：

将其分配给jQuery对象：

var $nav = $(".canvas-menu-content"); // $nav is now a jQuery object containing all 
                                      // elements with class canvas-menu-content

---

谢谢您。如果时间允许，我会将此标记为正确。您有一个输入错误，您忽略了将

$

函数名放在您打算作为其调用参数的前面（在代码的第2行）。因此，我投票决定结束这个问题。

var $nav = $(".canvas-menu-content"); // $nav is now a jQuery object containing all 
                                      // elements with class canvas-menu-content