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、引入JQuery，以便于应用选择器
2、用JQuery选择器，找到对应的div（如果这个div无规律，那就没办法了）
3、修改border样式
示例代码：
$('div',$("bc_block_td_AID_16714_first_col_td"))css('border-bottom','2px solid');//改成2pxJQuery获取：
consolelog($(window)width()); //浏览器当前窗口可视区域宽度
consolelog($(window)height()); //浏览器当前窗口可视区域高度
consolelog($(document)width());//浏览器当前窗口文档对象宽度
consolelog($(document)height()); //浏览器当前窗口文档的高度
consolelog($(documentbody)width());//浏览器当前窗口文档body的宽度
consolelog($(documentbody)height());//浏览器当前窗口文档body的高度
consolelog($(documentbody)outerWidth(true));//浏览器当前窗口文档body的总宽度 包括border padding margin
consolelog($(documentbody)outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding margin
JS获取：
窗口可视区域宽度 ： documentdocumentElementclientWidth || documentbodyclientWidth;
窗口可视区域高度 ： documentdocumentElementclientHeight || documentbodyclientHeight;
窗口可视区域宽度+边线和滚动条 ： documentbodyoffsetWidth ;
窗口可视区域高度+边线和滚动条 ： documentbodyoffsetHeight ;
实际内容的宽度 ： documentbodyscrollWidth;
实际内容的高度 ： documentbodyscrollHeight;
滚动条下拉被卷起来的距离 ：documentdocumentElementscrollTop || windowpageYOffset || documentbodyscrollTop;
滚动条侧拉被卷起来的距离 ：documentbodyscrollLeft || documentdocumentElementscrollLeft ;
网页正文部分上 ：windowscreenTop;
网页正文部分左 ：windowscreenLeft;
元素的宽度 ：objoffsetWidth;
元素的高度 ：objoffsetHeight;
相对于父元素的上位移 ：objoffsetTop;（在元素的包含元素不含滚动条的情况下）
相对于父元素的左位移 ：objoffsetLeft;（在元素的包含元素不含滚动条的情况下）
jquery函数获取宽高方法
$(window)height() //浏览器时下窗口可视区域高度$(document)height() //浏览器时下窗口文档的高度
$(documentbody)height()//浏览器时下窗口文档body的高度
$(documentbody)outerHeight(true) //浏览器时下窗口文档body的总高度 包括border padding margin
$(window)width() //浏览器时下窗口可视区域宽度
$(document)width() //浏览器时下窗口文档对于象宽度
$(documentbody)width()//浏览器时下窗口文档body的高度
$(documentbody)outerWidth(true) //浏览器时下窗口文档body的总宽度 包括border padding
<script>
function zero_fill_hex(num, digits) {
var s = numtoString(16);
while (slength < digits)
s = "0" + s;
return s;
}
function rgb2hex(rgb) {
if (rgbcharAt(0) == '#')
return rgb;
var ds = rgbsplit(/\D+/);
var decimal = Number(ds[1]) 65536 + Number(ds[2]) 256 + Number(ds[3]);
return "#" + zero_fill_hex(decimal, 6);
}
function jd(self){
alert(rgb2hex($(self)css("border-color"))toUpperCase()=='#CCCCCC')
}
</script>
</head>
<body>
<div style="border-color:#CCCCCC" onclick="jd(this)">111</div>
</body>
<script type="text/javascript">
$(document)ready(function()
{
alert($(window)height()); //浏览器当前窗口可视区域高度
alert($(document)height()); //浏览器当前窗口文档的高度
alert($(documentbody)height());//浏览器当前窗口文档body的高度
alert($(documentbody)outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding margin
alert($(window)width()); //浏览器当前窗口可视区域宽度
alert($(document)width());//浏览器当前窗口文档对象宽度
alert($(documentbody)width());//浏览器当前窗口文档body的高度
alert($(documentbody)outerWidth(true));//浏览器当前窗口文档body的总宽度 包括border padding margin
alert(screenheight);//显示器分辨率，只能用JavaScript代码获取
alert(screenwidth);
})
</script>
网页可见区域宽： documentbodyclientWidth
网页可见区域高： documentbodyclientHeight
网页可见区域宽： documentbodyoffsetWidth (包括边线的宽)
网页可见区域高： documentbodyoffsetHeight (包括边线的高)
网页正文全文宽： documentbodyscrollWidth
网页正文全文高： documentbodyscrollHeight
网页被卷去的高： documentbodyscrollTop
网页被卷去的左： documentbodyscrollLeft
网页正文部分上： windowscreenTop
网页正文部分左： windowscreenLeft
屏幕分辨率的高： windowscreenheight
屏幕分辨率的宽： windowscreenwidth
屏幕可用工作区高度： windowscreenavailHeight
css();方法
获取或设置样式
对以下html标签进行样式的获取和设置
css();方法设置参数，参数为要设置的样式名
可用驼峰命名也可用css命名方式。注意样式名需要加''
点击获取按钮，结果：
但是在IE浏览器里，用 consolelog($('#div1')css('border')); 可能会不显示或出现undefined。
在IE浏览器中,要获取边框这样的样式值,一定要记得给一个准确的边框值。例如：
consolelog($('#div1')css('Border-top-width'));//2px
获取包含了多个DOM元素的jQuery对象的样式,只能获取到第一个DOM对象的样式。例如：
consolelog($('div')css('width'));//200px
css(样式名,样式值);
设置的样式是行内样式
单样式里样式名必须在''里，宽高度单位px可不写，这时300可不加''，如果加px，则必须为'300px'
多样式里样式名可不加''。但是 background-color:'green' 这样写报错。
给多个div一起设置样式
隐式迭代,把每一个div都设置了同样的样式
以上就是关于jQuery怎么简单去获取一个div的高度啊全部的内容，包括:jQuery怎么简单去获取一个div的高度啊、用css或者jquery怎么获取蓝色部分div的style的样式，改变border的边框样式、JS 获取当前浏览器宽高等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）