jquery怎么获取一个标签高度

方法介绍：

使用innerHeight（）方法：

获取第一个匹配元素内部区域宽度（包括补白、不包括边框）

使用height（）方法

取得匹配元素当前计算的高度值（px）。

用jq的话 你可以这样改改

<script type="text/javascript">

function initMainHeight(){

let Mainheight = $(window)height();

if(Mainheight>1){

$("main_bg")css({height:Mainheight+"px"});}

}

$(document)ready(initMainHeight);

$(window)on("resize",initMainHeight);

</script>

不过你这个效果完全就可以用css实现

可以这样写

main_bg{

position:absolute;

left:0;

top:0;

width:100%;

height:100%;

}

1、jquery获取滚动条高度使用scrollTop()方法。

2、首先我们新建一个长篇的HTML文档。

3、然后我们编辑JS脚本，使用scroll()方法，监听网页滚动。

4、然后我们使用scrollTop()获取垂直滚动距离。

5、然后保存文件，查看获取的垂直滚动距离即可。

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()代替。

jquery获取img宽高的 *** 作方法和步骤如下：

1、首先，界面中有一个img，但是js不用于设置其宽度，高度和背景颜色，如下图所示。

2、其次，使用jQuery获取要设置的div，然后调用css（）方法即可开始设置，如下图所示。

3、接着，可以在css方法中设置。需要注意的是，里面有大括号，并且该属性用双引号引起来，如下图所示。

4、然后，完成上述步骤后，要同时设置多个属性，请使用逗号分隔多个属性，如下图所示。

5、随后，完成上述步骤后，打开hbuilder上方的浏览器小图标并开始预览，如下图所示。

6、最后，完成上述步骤后，观看效果，如下图所示。这样，问题就解决了。

以上就是关于jquery怎么获取一个标签高度全部的内容，包括:jquery怎么获取一个标签高度、如何用JQ让DIV的height值获得浏览器窗口高度、jquery获取滚动条高度和位置等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！