$(this)的用法不对,获取高度的用法也不对(个人意见)
$("box1")each(function (i,o){var $this = $(o),
height = $thisnext()height();// 或者js的offsetHeight获取
$(this)css("height",height);
});
个人意见,仅供参考~
获取浏览器显示区域的高度 : $(window)height();
获取浏览器显示区域的宽度 :$(window)width();
获取页面的文档高度 :$(document)height();
获取页面的文档宽度 :$(document)width();
获取滚动条到顶部的垂直高度 :$(document)scrollTop();
获取滚动条到左边的垂直宽度 :$(document)scrollLeft();
计算元素位置和偏移量:$(id)offset();
offset方法是一个很有用的方法,它返回包装集中第一个元素的偏移信息。默认情况下是相对body的偏移信息。结果包含 top和left两个属性。
offset(options, results)
optionsrelativeTo指定相对计
算偏移位置的祖先元素。这个元素应该是relative或absolute定位。省略则相对body。
optionsscroll是否把
滚动条计算在内,默认TRUE
optionspadding是否把padding计算在内,默认false
optionsmargin
是否把margin计算在内,默认true
optionsborder是否把边框计算在内,默认true
子页面控制父页面:
parentdocumentdocumentElementscrollTop;
parentdocumentdocumentElementclientHeight;
一、途径:
第一种情况就是宽高都写在样式表里,就比如#div1{width:120px;}。这中情况通过#div1stylewidth拿不到宽度,而通过#div1offsetWidth才可以获取到宽度。
第二种情况就是宽和高是写在行内中,比如style="width:120px;",这中情况通过上述2个方法都能拿到宽度。
二、小结:
因为idoffsetWidth和idoffsetHeight无视样式写在样式表还是行内,所以我们获取元素宽和高的时候最好用这2个属性。注意如果不是写在行内style中的属性都不能通过idstyleatrr来获取。
三、代码:
var o = documentgetElementById("view");
var h = ooffsetHeight; //高度
var w = ooffsetWidth; //宽度
参考资料
js获取Html元素的实际宽度高度的方法脚本之家[引用时间2017-12-29]
你有看清楚这个意思吗? 这里的高度 是指$("side_main ul") 这个的高度啊clone返回的对象,您搞错了~后面你提的浮动,放心,还没幼稚到把ul,li这两个都浮动,如果互动了,我添加到页面里面,同样的 *** 作,却能返回height()回答:ul浮动 果然厉害 。谁说你UL浮动。我说LI克隆返回的对象。你测试下就知道<stylea1 li{float:left;}</style<ul class="a1"<li1</li<li1</li<li1</li<li1</li<li1</li<li1</li</ul<ul class="a2"123</ul<script$(function(){alert($("a1")clone()appendTo("a2")height())})</script这是浮动的 你返回看 高度是不是0不浮动 你再试 a1高度为108 a2高度为126 测试浏览器 FF IE6补充:要么我没看懂你说的 要么你没理解height运行的对象和CSS追问:side_main {background:url(images/gl_06png) repeat-y left;width:100%;}side_main ul {position:relative;margin-top:-80px;left:40px;padding-bottom:20px}side_main li {line-height:26px;}我也好奇,你看看,这里面没有float吧,而且我也设置其他的相关ul li样式position:relative;应该不会变成浮动吧T-T把克隆内容插入到页面中,然后在浏览器地址里面获取高度的时候,就可以,好怪异
$('h2#answers-title')offset()top-$(document)scrollTop();
$('h2#answers-title')offset()top h2#answers-title元素相对于document的垂直位置
$(document)scrollTop() 整个文档被上卷的高度
2者差就是$('h2#answers-title')相对于当前浏览器视图窗口的垂直位置
以上就是关于jQuery如何批量设置元素高度为他的兄弟元素的高度全部的内容,包括:jQuery如何批量设置元素高度为他的兄弟元素的高度、如何获取滚动条的高度 jquery、jQuery获取HTML元素“div”的宽度:$("div").width()等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)