继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

jQuery判断不同分辨率下的div样式

喵喵一只汪
关注TA
已关注
手记 315
粉丝 86
获赞 467

<script src="js/jquery-1.8.3.min.js"></script>

<script>

window.onload=function(){

 if (screen.width <= 1024){   //分辨率小于等于1024时

          $(".m1").attr("class", "red");//替换class为ml的样式为red;

$(".m2").show();

       }else{

          $(".m1").show();

  $(".m2").hide();

    }

}

</script>

<style>

.red {color:red;}

</style>

</head>


<body>

<div class="m1">m1m1m1m1mm1m1m1mm11mm1m1m</div>

<div class="m2">m2m2m2m2m2m2m2m2mm2m2m2m2m2m</div>

</body>

打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP