方法一：使用 height 方法

jQuery在jQuery中,主要通过获得div对象,使用css通过height属性来获得div的高度。新建一个html文件,命名为test.html,用于讲解jQuery怎么简单去获取一个div的高度嗯。

2 在test.html文件内,引入jquery.min.js库文件,成功加载该文件,才能使用jQuery中的方法。

3 在test.html文件内,使用div标签创建一行文字,并使用css设置div的宽度为250px,高度为250px,背景颜色为红色。

4 在test.html文件内,设置div的id属性为myDiv,以便在jQuery中使用jQuery选择器选择该元素。

5 在test.html文件内,创建一个按钮，并在按钮的点击事件中添加jQuery代码来获取div的高度。

$.ready {
        $.click {
            var divHeight = $.height;
            alert;
        });
    });
    

方法二：使用 outerHeight 方法

如果你需要获取元素的整个高度， 包括边框和外边距，可以使用 outerHeight 方法。这个方法返回的值是元素的高度加上边框和外边距的高度。

使用方法与height相似，只需将height替换为outerHeight即可。

var divOuterHeight = $.outerHeight;
    alert;
    

方法三：使用 innerHeight 方法

如果你只需要获取元素的内容区域的高度， 不包括内边距和边框，可以使用 innerHeight 方法。

var divInnerHeight = $.innerHeight;
    alert;
    

方法四：使用 CSS 属性

除了 jQuery 的方法，你还可以通过直接访问元素的 CSS 属性来获取高度。这种方法不依赖于 jQuery，但可能在某些情况下不如 jQuery 方法方便。

var divHeight = parseInt.css);
    alert;
    

注意事项

• 当元素被隐藏或不可见时height 和 outerHeight 方法可能返回不正确的值。在这种情况下 你可以先将元素的 display 属性设置为 block获取高度后再恢复原样。
• 如果元素的高度是的， 确保在获取高度之前，相关的 CSS 已经加载并应用到元素上。

结论

jQuery 提供了多种方法来获取 div 的高度，每种方法都有其适用场景。根据你的具体需求，选择最合适的方法来实现你的目标。无论是简单的获取高度，还是需要考虑边框和外边距，jQuery 都能提供相应的解决方案。