如何使用jquery在移动设备上隐藏元素？

在我的索引页的脚本标记中，我有：

if ($(window).width() < 700px){
  $('container').hide();
}

if（$（窗口）.width（）<700px）{
$（'container'）.hide（）；
}

在我的控制台里，我收到了一封信

未捕获的语法错误：输入无效或意外

---

代码中有两个问题。首先，

700 px

不是有效的表达式。如果用引号将其转换为字符串，则可能会出现这种情况，但这对

不起作用（正如您所期望的那样），只需删除“px”，它就可以正常工作。px就是问题所在，谢谢！我正在使用CSS媒体查询，但我需要它作为切换函数，稍后使用。
if ($(window).width() < 700) {
  $('#container').hide(); // or .container, maybe?
}

@media (max-width: 700px) { 
  #container {
    display: none;
  }
}