Question

您好我想知道使用jQuery或javascript我可以删除某个div标签，以便在屏幕达到一定大小时根本不显示它可以说500px。

Answer 1

您应该使用matchMedia Javascript API，它现在可以跨浏览器提供非常良好的支持。

例如：

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

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

关于这些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
    }
});

Answer 2

你可以在jQuery中写这样的东西

   $(document).ready(function(){
     $(window).resize(function(){
       if($(window).width()==500)
         $('div').hide();
       else
         $('div').show();
     });
   });

Answer 3

您可以使用CSS media queries执行此操作：

@media screen and (min-width: 500px) {

    div.whatever { display: none; }

}

使用jQuery或javascript在屏幕达到一定大小时删除Div标签？

3 个答案: