微信小程序增加_jQuery完成获取隐藏div高度的方法

日期:2021-01-12 类型:科技新闻 

关键词:凡科自助建站,企业网站怎么建设,智能建站系统,自己建个网站,搭建网站基本步骤

jQuery实现获取隐藏div高度的方法示例       这篇文章主要介绍了jQuery实现获取隐藏div高度的方法,结合实例形式较为详细的分析了jQuery针对页面元素属性操作的相关技巧,需要的朋友可以参考下

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

 !DOCTYPE HTML 
 html lang="en-US" 
 head 
 meta charset="UTF-8" 
 title 测试获取隐藏div高度 /title 
 meta name="description" content="jquery获取隐藏div高度是可以获取的" / 
 script src="jquery-1.7.2.min.js" /script 
 script 
 if(!$){//如果本地没有jquery则加载百度cdn的jquery
 document.write(' script type="text/javascript" src="jquery/1.9.1/jquery.js" '+'/script 
 /script 
 style 
 .div2{display:none;height:300px;background:green;}
 /style 
 /head 
 body 
 div id="div1" /div 
 div id="div2" /div 
 div id="div3" /div 
 script 
 $(function(){
 console.log("style 格式高度:"+$("#div1").height());
 console.log("class格式高度:"+$("#div2").height());
 console.log("设置div3高度为100px");
 $("#div3").css({"height":"100px","background-color":"black"});
 console.log("隐藏div3");
 $("#div3").hide();
 console.log("获取div3高度:"+$("#div3").height());
 /script 
 /body 
 /html 

运行效果图如下:

更多关于jQuery相关内容感兴趣的读者可查看本站专题:《》、《》、《》、《》、《》、《》、《》及《》

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