jQuery获取display为none的隐藏元素的宽度和高度的解决方案

1、利用给元素添加行内样式：visibility:hidden;display:block

2、让隐藏元素变成有物理尺寸存在，但不可见，获取元素宽高

3、再给它还原成display为none，去除visibility

//#step-2默认是隐藏 display:none

//添加样式，物理可见
$("#step-2").css({"display":"block","visibility":"hidden"});

//获取#step-2里面特定元素宽高

//还原
$("#step-2").removeAttr("style");

原文地址：https://www.cnblogs.com/hycms/p/12369458.html

时间： 2024-08-06 00:37:19

jQuery获取display为none的隐藏元素的宽度和高度的解决方案的相关文章

jQuery -> 获取／设置／删除DOM元素的属性

Sum square difference Problem 6 The sum of the squares of the first ten natural numbers is, 12 + 22 + ... + 102 = 385 The square of the sum of the first ten natural numbers is, (1 + 2 + ... + 10)2 = 552 = 3025 Hence the difference between the sum of

jQuery -> 获取指定上下文中的DOM元素

作者 : 卿笃军一个String对象的长度是固定的,不能改变它的内容,或者是附加新的字符至String对象中.您也许会使用+来串联字符串以达到附加新字符或字符串的目的,但+会产生一个新的String实例.如果程序对这种附加字符串的需求很频繁,并不建议使用+来进行字符串的串联.在面向对象程序设计中,最好是能重复运用已生成的对象,对象的生成需要内存空间与时间,不断地产生String实例是一个没有效率的行为.J2SE 5.0提供java.lang.StringBuilder类,使用这个类所产生的

jquery如何获取元素的宽度和高度

jquery如何获取元素的宽度和高度: 这当然是比较基础的问题,不过有可能初学者还是不够明了,下面就简单介绍一下. 获取元素的宽度: $(selector).width() 获取元素的高度: $(selector).height() selector是选择器,例如id.类和元素选择器登登. 原文地址是:http://www.51texiao.cn/jqueryjiaocheng/2015/0613/4046.html 最为原始地址是:http://www.softwhy.com/forum.ph

Jquery 获取所有对象的第一个子元素

转自:http://blog.sina.com.cn/s/blog_5fdbd0410100pmnn.html <ul> <li>John</li> <li>Karl</li> <li>Brandon</li></ul> 获取第一个元素: $("ul li:first-child") <div id="getfirst"> <ul>

display,opacity,visibility,position隐藏元素的实质

(1)display:设置属性display:none:,该元素被隐藏,而且该元素的子孙后代也被同时隐藏,此时被隐藏的元素不占据任何空间,用户的交互操作在此元素上不能生效,但是通过js语句操作dom可以来操作该隐藏元素. 实例: .display-hide { display: none; transition: all ease 0.8s; } .display-hide:hover { /* 当鼠标悬浮在该元素时,设置为block,此时元素也不会出现 ,因为被display隐藏的元素

IOS 动态获取 UILabel 元素的宽度和高度

//高度自适应 UIFont *font = [UIFont fontWithName:@"Arial" size:13]; //设置一个行高上限 CGSize size = CGSizeMake(320,1000); //计算实际frame大小,并将label的frame变成实际大小 CGSize labelsize = [entity.content sizeWithFont:font constrainedToSize:size lineBreakMode:UILineBreak

CSS单位，em,rem以及元素的宽度和高度

一.em和rem 说到自适应布局,就不得不提到rem这个单位. 简单的说 em: 就是字体大小,根据元素自身的字体大小来定,如果自身没有定义字体大小,则继承父元素的字体大小,即1em = 1 font-size; rem: 和em差不多,可以看成是root-em,是根据根元素的字体大小来定义的,即html设置的字体大小来定义,默认html的字体大小是16px: 用一个demo来说明最好: <style> html{ font-size: 50px; } #wrapper{ font-size:

jquery 获取当前父级子级元素

jQuery.parent(expr) 找父亲节点,可以传入expr进行过滤,比如$("span").parent()或者$("span").parent(".class") jQuery.parent().parent() 如此接起来也行 jQuery.parents(expr),类似于jQuery.parents(expr),但是是查找所有祖先元素,不限于父元素 jQuery.children(expr).返回所有子节点,这个方法只会返回直

jQuery 获取祖先、后代、同胞元素

详情:http://www.w3school.com.cn/jquery/jquery_traversing_ancestors.asp parent() 方法返回被选元素的直接父元素.(常用) parents() 方法返回被选元素的所有祖先元素,它一路向上直到文档的根元素 (<html>). parentsUntil() 方法返回介于两个给定元素之间的所有祖先元素. 详情:http://www.w3school.com.cn/jquery/jquery_traversing_des