javascript - 当屏幕达到一定尺寸时使用 jQuery 或 javascript 删除 Div 标签？

Question

您好，我想知道使用 jQuery 或 javascript 可以删除某个 div 标签，以便当屏幕达到特定尺寸(例如 500px)时它根本不显示。

Answer 1

您应该使用 matchMedia Javascript API，它在当今的浏览器中具有非常良好的支持。

例如:

var width = window.matchMedia('screen and (width: 500px)');

matchMedia 将返回一个 MediaQueryList 对象，其中包含一个 matches bool 值，指示是否传入媒体查询当前是否匹配。

这些 MediaQueryList 对象的伟大之处在于，它们提供添加和删除监听器的方法，当这个状态改变时。

例如:

width.addListener(function( mql ) {
    if( mql.matches ) {
        // yes, the device screen width is now 500 pixels
    } else {
       // no, the width is below 500 pixels
    }
});