jquery如何判断DIV宽度并赋值?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery如何判断DIV宽度并赋值?相关的知识,希望对你有一定的参考价值。

我希望我的网页中.banner宽度最小值为1400PX,当浏览器的宽度大于1400PX,.banner宽度等于浏览器宽度,当小于1400PX,.banner就等于1400px.。如何写jquery
下面是jquery获取浏览器宽度
$(".banner").width($(window).width());

可以使用jquery里面的outerWidth就可以了。

下面是简单的代码,仅供参考:

<script src="jquery.js"></script>
<body>
    <div id="div"></div>
</body>
<script>
    $(\'#div\').outerWidth(); //获取div的宽度。
    $(\'#div\').attr(\'width\',\'100px\');  //给div赋值。
</script>
参考技术A 学习学习~ 参考技术B if($(window).width()>1400)
$(".banner").width($(window).width());

else
$(".banner").width(1400)
本回答被提问者和网友采纳

想用jQuery mobile js 做网页的自适应大小宽度的改变,就是当网页宽度变小时页面还是显示的原来所有内容

这是手机版的,我现在就只想用它这个js实现web网页的这个效果,可以实现么?

设置宽度为100%,列表就可以适应屏幕。同时如果你的头像要保证是正方形,就要使用js计算并动态赋值宽度和高度。如使用jq语句$(id).css("width","150px");$(id).css("height","150px");就是一个正方形,当然,不一定是150px,具体的宽度也可以动态获取屏幕并计算。 参考技术A 自然可以实现,你可以看下jQuery Mobile中的css.
其实原来就是用百分比,而不是具体像素进行控制.追问

就只用着这个s文件,要怎么设置啊,给个思路呗,

追答

什么意思?只用原生js?
我是说css中设置具体的宽度为百分比.

以上是关于jquery如何判断DIV宽度并赋值?的主要内容,如果未能解决你的问题,请参考以下文章

jquery如何通过拖动边框改变该div的大小

jquery如何实现点击LI标签和下面的LI互换顺序?

jquery怎样做到获取一个div里的值以后,循环判断另一个div里的值相等

jquery 动态创建div并判断是每行的第几个

jquery 判断获得元素的类型是为div还是其他

jquery怎样判断div中的内容是不是充满整个div