jQuery怎么简单去获取一个div的高度啊, “jQuery”怎么简单去获取一个“div”的高度？, jQuery如何简单的获取一个div的高度, 如何获取一个没有高度的div的高度
第一步, 获取你要得到高度的那个div的jQuery物件, 获得方法有很多很多种, 具体你可以看一下jQuery API文件里的选择器部分, 在这里我只跟你说一个最直接的方法, 通过id获得: $("#div_id")
第二步, 要看你要得到的是什么高度了, jQuery里现有的三个(其实是两个)获得高度的方法是:
1 $("#div_id")height(); 获得的是该div本身的高度, (不包含padding,margin,border)
2 $("#div_id")outerHeight(); 包含该div本身的高度, padding上下的高度, 以及border上下的高度(不包含margin的高度)
3 $("#div_id")outerHeight(true); 包含该div本身的高度, 以及padding,border,margin上下的总高度
jquery怎么获取div高度建议你这样试试看：
获取你要得到高度的那个div的jQuery物件，获得方法有很多很多种，具体你可以看一下jQuery API文件里的选择器部分，在这里我只跟你说一个最直接的方法，通过id获得：$("#id")
要看你要得到的是什么高度了，jQuery里现有的三个获得高度的方法是：
$("#id")height(); 获得的是该div本身的高度, (不包含padding,margin,border)
$("#id")outerHeight(); 包含该div本身的高度, padding上下的高度, 以及border上下的高度(不包含margin的高度)
$("#id")outerHeight(true); 包含该div本身的高度, 以及padding,border,margin上下的总高度
jquery怎么获取div的高度
<body>
<div id="myDiv" >这是一个div</div>
<script>
$(function(){
$("#myDiv")click(function(){
var height = $("#myDiv")height();
alert(height);
})
});
</script>
<style>
#myDiv{
width: 100px;
height: 100px;
border: solid 1px black;
}
</style>
</body>
jquery怎么获取div的实际高度$("div")height(300);
或者
$("div")css("height", "300px");
jquery获取一个div 下的所有a结点，如何获取？<div id="div01">
<a href="#">a1</a>
<div>
<a href="#">a2</a>
<a href="#">a2</a>
</div>
</div>
$("#div01 a"); div01里的所有a，包括a1、a2和a3
$("#div01>a"); 只有 a1
jquery怎么获取screen的高度一块给你说了吧
$(document)ready(function(){
alert($(window)height()); 浏览器当前视窗可视区域高度
alert($(document)height()); 浏览器当前视窗文件的高度
alert($(documentbody)height());浏览器当前视窗文件body的高度
alert($(documentbody)outerHeight(true));浏览器当前视窗文件body的总高度
alert($(window)width()); 浏览器当前视窗可视区域宽度
alert($(document)width());浏览器当前视窗文件物件宽度
alert($(documentbody)width());浏览器当前视窗文件body的宽度
alert($(documentbody)outerWidth(true));浏览器当前视窗文件body的总宽度
})
个人总结的资料，希望可以帮到你
1方法如下：
获取浏览器显示区域（可视区域）的高度 ：
$(window)height();
获取浏览器显示区域（可视区域）的宽度 ：
$(window)width();
获取页面的文档高度
$(document)height();
获取页面的文档宽度 ：
$(document)width();
浏览器当前窗口文档body的高度：
$(documentbody)height();
浏览器当前窗口文档body的宽度：
$(documentbody)width();
获取滚动条到顶部的垂直高度 (即网页被卷上去的高度)
$(document)scrollTop();
获取滚动条到左边的垂直宽度 ：
$(document)scrollLeft();
获取或设置元素的宽度：
$(obj)width();
获取或设置元素的高度：
$(obj)height();
某个元素的上边界到body最顶部的距离：objoffset()top;（在元素的包含元素不含滚动条的情况下）
某个元素的左边界到body最左边的距离：objoffset()left;（在元素的包含元素不含滚动条的情况下）
返回当前元素的上边界到它的包含元素的上边界的偏移量：objoffset()top（在元素的包含元素含滚动条的情况下）
返回当前元素的左边界到它的包含元素的左边界的偏移量：objoffset()left（在元素的包含元素含滚动条的情况下）
2代码如下：
//返回当前页面高度
function pageHeight(){
if($browsermsie){
return documentcompatMode == "CSS1Compat" documentdocumentElementclientHeight :
documentbodyclientHeight;
}else{
return selfinnerHeight;
}
};
//返回当前页面宽度
function pageWidth(){
if($browsermsie){
return documentcompatMode == "CSS1Compat" documentdocumentElementclientWidth :
documentbodyclientWidth;
}else{
return selfinnerWidth;
}
};
strInfo+=\r\n网页可见区域高:+documentbodyclientHeight;
strInfo+=\r\n网页可见区域宽:+documentbodyoffsetWidth+(包括边线的宽);
strInfo+=\r\n网页可见区域高:+documentbodyoffsetHeight+(包括边线的高);
strInfo+=\r\n网页正文全文宽:+documentbodyscrollWidth;
strInfo+=\r\n网页正文全文高:+documentbodyscrollHeight;
strInfo+=\r\n网页被卷去的高:+documentbodyscrollTop;
strInfo+=\r\n网页被卷去的左:+documentbodyscrollLeft;
strInfo+=\r\n网页正文部分上:+windowscreenTop;
strInfo+=\r\n网页正文部分左:+windowscreenLeft;
strInfo+=\r\n屏幕分辨率的高:+windowscreenheight;
strInfo+=\r\n屏幕分辨率的宽:+windowscreenwidth;
strInfo+=\r\n屏幕可用工作区高度:+windowscreenavailHeight;
strInfo+=\r\n屏幕可用工作区宽度:+windowscreenavailWidth;
windowconfirm(strInfo);
</script
-----------------------------------------------------------------------------------------
最近编程中发现html静态页面的开发可以使用
documentbodyClientHeight
来获得页面的高度，但aspnet的页面却无法这样获取，获取到的只是页面最小的高度，比如页面只有一个button，那么该js语句获得的就是24。
documentdocumentElementOffsetHeight
----------------------------------------------------------------------------------------加上documentbodyscrollLeft;
documentbodyscrollTop;
x=documentbodyclientWidth+documentbodyscrollLeft;
y=documentbodyclientHeight+documentbodyscrollTop;若想得到整个页面的高度可以用
$('h2#answers-title')offset()top-$(document)scrollTop();
$('h2#answers-title')offset()top h2#answers-title元素相对于document的垂直位置
$(document)scrollTop() 整个文档被上卷的高度
2者差就是$('h2#answers-title')相对于当前浏览器视图窗口的垂直位置
以上就是关于jQuery怎么简单去获取一个div的高度啊全部的内容，包括:jQuery怎么简单去获取一个div的高度啊、请问如何通过jquery获取页面内容的高度、javascript如何获取页面的高度和宽度等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）