使用jquery删除具有一定宽度的div答案

【问题标题】：Removing a div with certain width with jquery使用jquery删除具有一定宽度的div
【发布时间】：2012-09-07 17:15:20
【问题描述】：

我正在尝试为移动设备制作一个完全不同的网页版本，为此，当浏览器窗口宽度大于 767 像素时，我需要某些 div 消失。我试图用 jQuery 来做这样的事情：

<script>
if ( $('body').width > 767px ) {
    $('.mobile').remove();
}
</script>

但它根本不起作用。

我想在大版本中消失的 div 有 .mobile 类。

【问题讨论】：

【解决方案1】：

尝试使用媒体查询。看http://cssmediaqueries.com/

【讨论】：

【解决方案2】：

.width()会返回一个像素值，所以需要检查767

您可以使用媒体查询，但应考虑浏览器支持：http://caniuse.com/css-mediaqueries

【讨论】：

【解决方案3】：

你不一定需要 JS。你看过media queries吗？

@media only screen and (min-width: 767px) {
    .mobile { display: none }    
}

如果你还想使用 jQuery：

if ( $('body').width > 767 ) {
    $('.mobile').css('display', 'none');
}

【讨论】：

【解决方案4】：

@media screen and (min-device-width: 767px) {
  .mobile {display:none;}
}

或

$('.mobile').toggle(parseInt($('body').width())>767);

【讨论】：