首页 > IT职业 > IT生活 > jQuery判断不同分辨率下的div样式
<script class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="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>
来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/2203/viewspace-2816659/ ,如需转载,请注明出处,否则将追究法律责任。