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");

}

});