如何用jQuery获得一个div的高度

  • Post category:jquery

获取一个div的高度,可以借助jQuery的height()方法来实现。下面是获取div高度的完整攻略:

使用jQuery的height()方法获取div的高度

使用该方法,只需一个参数,即可获取div的高度,语法如下:

height()

语法解释

  • 获取元素高度:$(selector).height()
  • 获取元素宽度:$(selector).width()

实例演示

例如,要获取id为box元素的高度,可以使用以下代码:

$(document).ready(function() {
  var height = $("#box").height();
  console.log(height);
});

上述代码会在文档加载完毕后执行,获取id为box的元素高度,并在控制台打印高度值。

另外,如果只需要获取元素的可见高度(即除去padding、border、margin等对元素高度的影响),可以使用innerHeight()方法来实现:

$(document).ready(function(){
  var innerHeight = $("#box").innerHeight();
  console.log(innerHeight);
});

上述代码会在文档加载完毕后执行,获取id为box元素的可见高度,并在控制台打印可见高度值。

以上是两个示例,你可以根据实际情况,选择合适的方法来获取div的高度。