方法介绍：
使用innerHeight（）方法：
获取第一个匹配元素内部区域宽度（包括补白、不包括边框）
使用height（）方法
取得匹配元素当前计算的高度值（px）。
代码案例：height()
-获取匹配元素集合中的第一个元素的当前计算高度值 或 设置每一个匹配元素的高度值。
-css('height') 和 height()之间的区别是后者返回一个没有单位的数值，前者是返回带有完整单位的字符串。当一个元素的高度需要数学计算的时候推荐使用height() 方法 。
-这个方法同样能计算出window和document的高度。
$(window)height(); // returns height of browser viewport
$(document)height(); // returns height of HTML document
注意：在绝对定位和给定display:block时，虽然style和script标签用width() 或 height()也将报告一个值，强烈建议不要在这些标签中调用这些方法。这是一种不好的做法，结果也证明是不可靠的。
innerHeight()
-为匹配的元素集合中获取第一个元素的当前计算高度值,包括padding，但是不包括border。
-这个方法返回元素的高度，包括顶部和底部的padding，单位是像素。
-这个方法不适用于window and document对象，可以使用height()代替。
outerHeight()
-获取元素集合中第一个元素的当前计算高度值,包括padding，border和选择性的margin。返回一个整数（不包含“px”）表示的值 ，或如果在一个空集合上调用该方法，则会返回 null。
-outerHeight( [includeMargin ] )：include是一个布尔值，表明是否在计算时包含元素的margin值。
-这个方法不适用于window 和 document对象，可以使用height()代替。
$('h2#answers-title')offset()top-$(document)scrollTop();
$('h2#answers-title')offset()top h2#answers-title元素相对于document的垂直位置
$(document)scrollTop() 整个文档被上卷的高度
2者差就是$('h2#answers-title')相对于当前浏览器视图窗口的垂直位置
可以使用offset() 方法，该方法返回或设置匹配元素相对于文档的偏移（位置），该方法返回的对象包含两个整型属性：top 和 left，以像素计。此方法只对可见元素有效。
1、使用offset() 方法获取一个元素距离浏览器的顶部和左边的可视距离，代码如下：
<html><head>
<script type="text/javascript" src="/jquery/jqueryjs"></script>
<script type="text/javascript">
$(document)ready(function(){
$("button")click(function(){
x=$("p")offset();
$("#span1")text(xleft);
$("#span2")text(xtop);
});
});
</script>
</head>
<body>
<p>本段落的偏移是 <span id="span1">unknown</span> left 和 <span id="span2">unknown</span> top。</p>
<button>获得 offset</button>
</body>
</html>
2、运行的结果如下：
这个jquery应该可以娶到的。给你一个实例，注意自己添加jquery文件哈
<script language='javascript'>$(function(){
$("#adds")click(function(){
$("#xx")append("<h2>添加内容</h2>");
});
$("#geth")click(function(){
vh=$("#xx")height();
$("#xx")prepend("<h2>我的高度为："+vh+"</h2>")
});
});
</script>
<div style="width:200px; height:200px; display:block; overflow-y:scroll">
<div id="xx">
sdfsdfs
sdfsdf
sdfsdf
</div>
</div>
<a href="javascript:;" id="adds">点击给XX里面添加内容</a>
<a href="javascript:;" id="geth">点击获取xx的高度</a>
获取浏览器显示区域的高度 ： $(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;
以上就是关于jquery怎么获取一个标签高度全部的内容，包括:jquery怎么获取一个标签高度、用jquery的height方法获得的元素高度怎么为0、jQuery中获取元素到页面可视区顶端距离有什么方法等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）