jQuery 用jQuery获取div的高度并以厘米为单位测量

在本文中，我们将介绍如何使用jQuery获取一个div的高度，并将其转换为厘米单位的测量值。

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

jQuery提供了height()方法来获取一个元素的高度。这个方法返回元素的像素高度值。我们可以使用下面的代码来获取一个div元素的高度：

var height = $("#myDiv").height();

上面的代码中，我们使用了$选择器来选择一个id为”myDiv”的div元素，并使用height()方法获取其高度，并赋值给一个变量height。

转换像素单位为厘米单位

由于浏览器默认使用像素作为单位来度量元素的高度，我们需要将像素单位转换为厘米单位。通常情况下，1厘米=37.8像素。我们可以使用下面的代码将像素单位转换为厘米单位：

var cmHeight = height / 37.8;

上面的代码中，我们将获取到的像素高度值除以37.8，得到的结果就是以厘米为单位的高度值。

完整示例

接下来，我们将给出一个完整的示例，演示如何使用jQuery获取一个div的高度，并以厘米为单位测量。HTML代码如下：

<!DOCTYPE html>
<html>
<head>
    <title>jQuery获取div高度并以厘米为单位测量</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
    <div id="myDiv" style="height: 100px;"></div>

    <script>
        (document).ready(function(){
            var height =("#myDiv").height();
            var cmHeight = height / 37.8;
            console.log("Div的高度为：" + cmHeight + "厘米");
        });
    </script>
</body>
</html>

上面的代码中，我们首先引入了jQuery库。然后，在body标签中添加了一个id为”myDiv”的div元素，并设置其高度为100像素。接着，在script标签中使用jQuery的$(document).ready()方法来确保文档加载完成后执行代码。在这个方法中，我们使用height()方法获取div的高度，并将其转换为厘米单位。最后，将结果打印到控制台。