Jquery 根据页面宽度在我的页面上显示元素

我想根据页面的宽度调整视图中显示的元素。假设页面宽度大于800px，那么我想显示diva+divb（见下图）

但是如果页面宽度小于或等于600px，那么我只想显示diva

它必须是动态的。因此，如果用户调整窗口大小，则必须显示或隐藏div B

jQuery解决方案

---

谢谢。

假设您希望非javascript用户同时看到A和B：

$(document).ready(function() {

    var $divB = $('....'); // Define div B here using selectors

    $(window).resize(function() {
        if ($(window).width() < 800) {
            $divB.hide();
        }
        else {
            $divB.show();
        }
    });
});

$（文档）.ready（函数（）{
var$divB=$（'..'）；//在此处使用选择器定义div B
$（窗口）。调整大小（函数（）{
如果（$（窗口）.width（）<800）{
$divB.hide（）；
}
否则{
$divB.show（）；
}
});
});

编辑：哎呀，没看到你想要它是动态的。变了

---

不过，正如Eric所说，在CSS中使用它比jQuery更好。

假设您希望非javascript用户同时看到a和B：

$(document).ready(function() {

    var $divB = $('....'); // Define div B here using selectors

    $(window).resize(function() {
        if ($(window).width() < 800) {
            $divB.hide();
        }
        else {
            $divB.show();
        }
    });
});

$(function(){
  var $body=$(document.body), width=$body.outerWidth(), c='large';
  if (width<600) {
    c='small';
  }
  else if (width<800) {
    c='medium';
  }
  $body.addClass(c);
});

$（文档）.ready（函数（）{
var$divB=$（'..'）；//在此处使用选择器定义div B
$（窗口）。调整大小（函数（）{
如果（$（窗口）.width（）<800）{
$divB.hide（）；
}
否则{
$divB.show（）；
}
});
});

编辑：哎呀，没看到你想要它是动态的。变了

不过，正如Eric所说，在CSS中使用它比jQuery更好。

$（function（）{
$(function(){
  var $body=$(document.body), width=$body.outerWidth(), c='large';
  if (width<600) {
    c='small';
  }
  else if (width<800) {
    c='medium';
  }
  $body.addClass(c);
});

var$body=$（document.body），width=$body.outerWidth（），c='large'；
如果（宽度<代码>$（函数（）{
var$body=$（document.body），width=$body.outerWidth（），c='large'；
如果（宽度在CSS中执行，请使用

在CSS中使用

如果页面宽度为700px怎么办？如果页面宽度为700px，则只显示div A。div B必须从800px开始显示。您的问题也是这样吗？@nnnnnn：问题是“如何让jQuery锤子解决我所有的问题？”如果页面宽度为700px怎么办？如果页面宽度为700px，那么只显示div A。div B必须从800px开始显示。你的问题也是这样吗？@nnnnnn：这是“如何让jQuery锤子解决我所有的问题？”非常感谢：）我将发布另一个问题，以获得更先进的技术。有趣，但还没有很好的支持。（IE8仍然被许多人认为是“最新”的浏览器）@Kae-在我的工作场所，我一直使用IE7-不允许使用任何其他浏览器。（在家里，我使用XP，所以我不能使用IE9，但在家里，我还是宁愿使用Chrome和FF。）非常感谢：）我将发布另一个问题，以获得更先进的技术。有趣，但还不是很好的支持。（IE8仍然被许多人认为是“最新”的浏览器）@Kae-在我的工作场所，我一直使用IE7-不允许使用任何其他浏览器。（在家里我使用XP，所以我不能使用IE9，但在家里我还是宁愿使用Chrome和FF。）