养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

jquery如何获取div高度

时间:2024-11-02 22:41:09

在jquery中,可以通过height()方法来改变文本内容,下面我给大家介绍下j孥恶膈茯query如何获取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设置以下属性:width:200px; heigh隋茚粟胫t:200px; border:1pxsolid#000000;

jquery如何获取div高度

5、通过class定位到div,通过height()方法获取div高度,并且使用alert方法在窗口弹出得到的高度

jquery如何获取div高度

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

jquery如何获取div高度

© 一点知识