手机版

jQuery实现获取隐藏差异高度的方法示例

时间:2021-09-06 来源:互联网 编辑:宝哥软件园 浏览:

本文实例讲述了jQuery实现获取隐藏差异高度的方法。分享给大家供大家参考,具体如下:

!DOCTYPE html html lang=' en-US ' head meta charset=' UTF-8 '标题测试获取隐藏差异高度/title meta name=' description ' content=' jquery获取隐藏差异高度是可以获取的/script src=' http : jquery-1。7 .2 .量滴js '/脚本脚本if(!$){//如果本地没有jquery则加载百度内容交付网络的jquery文档。write(' script type=' text/JavaScript ' src=' http :http://libs。百度。com/jquery/1。9 .1/jquery。js ' '/'脚本');}/脚本样式。div 2 {显示:无;高度:300 px背景:绿色;}/style/head body div id=' div 1 ' style=' display : none;高度:200 px背景:红色;/div div id=' div 2 ' class=' div 2 '/div div id=' div 3 '/div script $(function(){ console。日志('样式格式高度:' $('#div1 ').高度());console.log('类格式高度:' $('#div2 ').高度());console.log('设置div3高度为100像素);$('#div3 ').css({'height':'100px ',' background-color ' : ' black ' });console.log('隐藏div 3’);$('#div3 ').hide();console.log('获取div3高度:' $('#div3 ').高度());});/脚本/正文/html运行效果图如下:

更多关于jQuery相关内容感兴趣的读者可查看本站专题: 《jQuery扩展技巧总结》 、 《jQuery常用插件及用法总结》 、 《jQuery拖拽特效与技巧总结》 、 《jQuery表格(table)操作技巧汇总》 、 《jquery中Ajax用法总结》 、 《jQuery常见经典特效汇总》 、 《jQuery动画与特效用法总结》 及《jquery选择器用法总结》

希望本文所述对大家jQuery程序设计有所帮助。

版权声明:jQuery实现获取隐藏差异高度的方法示例是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。