获取jquery的html内容高度,jquery怎么获取div的高度

jquery获取div高度的方法:首先使用div标签创建一行文字,并使用css设置其高度;然后通过【$】符号获得div对象,使用【css()】方法获得height属性值,即div的高度值。

4fbd0282fd147bd6c5e259d24af3584b.png该方法适用于所有品牌电脑

jquery获取div高度的方法:

1、新建一个html文件,命名为test.html,用于讲解jQuery怎么简单去获取一个div的高度。

fe7d69c72cc28f98fbe250e5491f5873.png

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

87bbbcccce8720d7750e345f843bf3a0.png

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

dab3a312a7e7a8edbe2c136370fa68a0.png

4、在test.html文件内,设置div的id属性为mydiv,主要用于下面通过该id获得div对象。

6b8e196bcb86e50fb6bb83438ddd1ad4.png

5、在test.html文件内,使用button标签创建一个按钮,给button按钮绑定onclick点击事件,当按钮被点击时,执行geth()函数。

fb548f0e2e058383b72ed825a6b75184.png

6、在js标签中,创建geth()函数,在函数内,使用$符号通过id(mydiv)获得div对象,使用css()方法获得height属性值,即div的高度值,将获得的值使用alert()方法输出。

8b79561a4e3cde3aeb8673890cca6ac0.png

7、在浏览器打开test.html文件,点击按钮,查看实现的效果。

f467ccfadcf95dddc71065348ab88882.png相关免费学习推荐:javascript(视频)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值