jquery如何获取div高度

在jquery中 , 可以通过height()方法来改变文本内容 , 下面我给大家介绍下jquery如何获取div高度

jquery如何获取div高度

文章插图

需要这些哦
jquery+css+html
代码编纂器:Hbuilder
方式/
1打开编纂器 , 新建test.html页面 , 用于进修今天的内容
jquery如何获取div高度

文章插图

2在页面head标签下方引入jquery插件
jquery如何获取div高度

文章插图

3在页面的body区域 , 新建一个div , 给div加上class , 叫做test , 用来测试今天的内容
jquery如何获取div高度

文章插图

4在css样式里 , 给test设置以部属性:
【jquery如何获取div高度】width: 200px;
height: 200px;
border: 1px solid #000000;
jquery如何获取div高度

文章插图

5经由过程class定位到div , 经由过程height()方式获取div高度 , 而且利用alert方式在窗口弹出获得的高度
jquery如何获取div高度

文章插图

6在浏览器中打开test.html , 查看获取到的高度 , 发现和在css样式里设置的高度一致
jquery如何获取div高度

文章插图

注重事项height()方式括号内没有内容是用来获取高度 , 有内容利用来改变高度

以上内容就是jquery如何获取div高度的内容啦 , 希望对你有所帮助哦!

    推荐阅读