jquery浏览器宽度,jquery获取浏览器宽度

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

你好！！

$(function(){

//获取浏览器宽度

var _width = $(window).width();

if(_width 1024){

//直接为该div添加w1024样式,会覆盖前一个样式

$(".w").addClass("w1024");

//修改该div的class属性值为w1024

$(".w").attr("class","w1024");

//移除该div原本的样式，并添加w1024这个样式

$(".w").removeClass("w").addClass("w1024");

}

});以上三种方式都可以将原来的w样式替换为w1024这个样式。

希望对你有帮助！！

相关问答

Q1: jquery中window的宽度（是window的宽度($(window).width())和屏幕分辩率的宽度（screen.width）的区别？

$(window).width()指的是浏览器的高度，改变浏览器的高度，$(window).width()的值就会改变。

window.screen.width指的是你手机或电脑屏幕的高度，无论你怎么改变浏览器高度他都是不变的，和你的屏幕分辨率相关。

两者的高度是不一样的，使用js中的alert()方法打印这两个高度就会发现它们之间的差别。

扩展资料：

jQuery

jQuery 是继prototype 之后又一个优秀的轻量级JavaScript 框架。其宗旨是———“Write Less, Do More”,写更少的代码,做更多的事情。 它是一个快速和简洁的JavaScript 库，可以简化HTML 文档元素的遍历，事件处理，动画和Ajax 交互以实现快速Web 开发，它被设计用来改变编写JavaScript 脚本的方式。

jQuery 最有特色的语法特点就是与CSS 语法相似的选择器，并且它支持CSS1 到CSS3 的几乎所有选择器，并兼容所有主流浏览器，这为快速访问DOM 提供了方便。

参考资料来源：百度百科-jQuery

Q2: Jquery如何获取浏览器窗口宽度？

alert($(window).height()); //浏览器时下窗口可视区域高度

alert($(document).height()); //浏览器时下窗口文档的高度

alert($(document.body).height());//浏览器时下窗口文档body的高度

alert($(document.body).outerHeight(true));//浏览器时下窗口文档body的总高度 包括border padding margin

alert($(window).width()); //浏览器时下窗口可视区域宽度

alert($(document).width());//浏览器时下窗口文档对于象宽度

alert($(document.body).width());//浏览器时下窗口文档body的高度

alert($(document.body).outerWidth(true));

Q3: jQuery怎么获取浏览器最大化的宽度？

window.screen.width

网页可见区域宽： document.body.clientWidth

网页可见区域高： document.body.clientHeight

网页可见区域宽： document.body.offsetWidth (包括边线的宽)

网页可见区域高： document.body.offsetHeight (包括边线的高)

网页正文全文宽： document.body.scrollWidth

网页正文全文高： document.body.scrollHeight

网页被卷去的高： document.body.scrollTop

网页被卷去的左： document.body.scrollLeft

网页正文部分上： window.screenTop

网页正文部分左： window.screenLeft

屏幕物理分辨率的高： window.screen.height

屏幕物理分辨率的宽： window.screen.width

屏幕可用工作区高度： window.screen.availHeight

屏幕可用工作区宽度： window.screen.availWidth

屏幕缩放因子：window.devicePixelRatio

屏幕逻辑分辨率：window.screen.width * window.devicePixelRatio (缩放因子与物理分辨率的乘积)