jQuery的选择器如何取得某一元素的高度

jQuery的选择器如何取得某一元素的高度,第1张

offsetHeight 是js 的方法,不是jquery 的方法。你通过$("div:eq(1)")返回不是普通的DOM 对象,而是jQuery 包装过的jQuery 对象,所以大多数js 底层的方法或属性都不能直接用了。应该用height()试试alert($("div:eq(1)")height())

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;

}

};

获取浏览器窗口的高度,减去这个元素的top的高度,如果是用bottom定位,就直接获取bottom的值就好了啊比如id为fix就getElementById(‘fix’)stylebottom这样

(1)domstylewidth/height 获取dom元素内联样式中设定的width,height

(2)domcurrentStylewidth/height 获取dom元素渲染后的width,height,只支持IE

(3)windowgetComputedStyle(dom)width/height 浏览器渲染后的元素宽,兼容性更好

(4)domgetBoundingClientRect()width/height/left/top/right/ 计算一个元素的绝对位置(相对于视窗左上角),它能拿到元素的left、top、right、bottom、width、height

ElementgetBoundingClientRect() - Web API 接口参考 | MDN

以上就是关于jQuery的选择器如何取得某一元素的高度全部的内容,包括:jQuery的选择器如何取得某一元素的高度、请问如何通过jquery获取页面内容的高度、js 如何 获取(fiexd的)元素到浏览器的高度等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址:https://54852.com/web/9505007.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存