Javascript 如何获取.remove（）来处理窗口对象

我希望在浏览器宽度达到阈值时触发

.remove（）

方法，并在浏览器宽度达到阈值时将其添加回来

我想我可以使用媒体查询，但只是想用jQuery快速处理它

;(function($) {
    $(document).ready(function() {
        var w = $(window).width();
        if (w < 768) {
            console.log(w);
            $('#avon-nav br').remove();
        }
    });
})(jQuery);

；（函数（$）{
$（文档）.ready（函数（）{
var w=$（window.width（）；
如果（w<768）{
控制台日志（w）；
$（#雅芳资产净值br'）。删除（）；
}
});
})（jQuery）；

您必须在窗口中添加调整大小事件。看看这个：

$(window).resize(function() {
    var width = $(window).width();
    if (width < 768) {
        $('#avon-nav br').hide();
    } else {
        $('#avon-nav br').show();
    }
});

$（窗口）。调整大小（函数（）{
变量宽度=$（窗口）.width（）；
如果（宽度<768）{
$（#雅芳资产净值br'）.hide（）；
}否则{
$（#雅芳资产净值br'）.show（）；
}
});

---

我将切换替换为隐藏和显示，因为它根据初始窗口大小的不同而不同。以下是。

您可能必须利用“resize”事件并在处理程序中执行此逻辑。这将仅在页面最初加载时触发。如果我加载页面，然后更改窗口的大小，这不会产生效果。作为记录，我也推荐CSS媒体查询，但是如果你想使用jQuery，那将是我的方法。您应该使用媒体查询。通常，使用媒体查询处理它会更快。更不用说，如果你把

去掉，很难把它们放回去。谢谢各位，我想你们已经说服我了。只是想尝试一下……您的问题是

toggle（）

，但您的代码没有使用

toggle（）