javascript - TypeError:tn.add/removeClass不是函数

我想为我的网站做一个“粘性”导航功能，当你向下滚动到顶部的横幅消失时，导航条就粘在上面。
我已经创建了这个脚本：

var tn = ".topnav"
var tns = ".topnav-scrolled"
var kz = $('#kopfzeile').height();
console.log("tn: " + tn);
console.log("tns: " + tns);
$(window).scroll(function() {
  if ($(this).scrollTop() > kz) {
    tn.addClass(tns);
  } else {
    tn.removeClass(tns);
  }
});

错误是：
类型错误：tn.removeClass不是函数
以及
类型错误：tn.removeClass不是函数

最佳答案

你得到的不是函数错误，因为tn只是一个字符串（选择器），你不能对它调用removeClass()方法，你应该用$()把它包装成jQuery对象，应该是：

$(tn).addClass(tns);
//And
$(tn).removeClass(tns);