jquery 检测div宽度变化_jquery判断浏览器宽度小于指定值改变div样式

浏览器原本样式

当浏览器宽度小于1200px时样式变为

代码如下：

方法一：直接修改该div样式添加w1200,会覆盖前一个样式

$(function(){

var _width = $(window).width(); //获取浏览器宽度

if(_width < 1200){

$(".chenbin_org").addClass("w1200");

}

});

方法二：修改该div的class属性值为w1200

$(function(){

var _width = $(window).width(); //获取浏览器宽度

if(_width < 1200){

$(".chenbin_org").attr("class","w1200");

}

});

方法三：移除该div原本的样式，并添加w1200这个样式

$(function(){

var _width = $(window).width(); //获取浏览器宽度

if(_width < 1200){

$(".chenbin_org").removeClass("chenbin_org").addClass("w1200");

}

});
————————————————
版权声明：本文为CSDN博主「weixin_39634508」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/weixin_39634508/article/details/113001441