jQuery如何批量设置元素高度为他的兄弟元素的高度

jQuery如何批量设置元素高度为他的兄弟元素的高度,第1张

$(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()等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9322959.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-27
下一篇 2023-04-27

发表评论

登录后才能评论

评论列表(0条)

保存