简单的jQuery获取隐藏元素高度、jQuery获取元素高度、jQuery获取DIV高度

最新推荐文章于 2024-04-20 17:51:59 发布
最新推荐文章于 2024-04-20 17:51:59 发布
阅读量3.7k 收藏 1
点赞数
分类专栏： jQuery学习 文章标签： jQuery获取高度 jQuery获取DIV高度 jQuery获取隐藏元素高度
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42350070/article/details/82908400
版权

 jQuery获取隐藏元素高度，了解一下

 

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>简单的jQuery获取隐藏元素高度、jQuery获取元素高度、jQuery获取DIV高度</title>
	<script type="text/javascript" src="jquery-1.8.3.min.js"></script>
	<style type="text/css">
		html,body{margin: 0;padding: 0;}
		.ShowHide{display: none;}
		.ShowHideCh{display: none;}
	</style>
	<script type="text/javascript">
		jQuery(function () {
			jQuery('.ShowHide').css({'visibility': 'hidden','overflow': 'hidden','display': 'block','position': 'absolute','top': '-10000px'});//先占位置
			var GetHeight = jQuery('.ShowHide').height();
			var GetHeightCh = jQuery('.ShowHideCh').height();
			//alert(GetHeight);
			//alert(GetHeightCh);
			jQuery('.ShowHide').css({'visibility': '','overflow': '','display': '','position': '','top': ''});//去掉占位置
		});
	</script>
</head>
<body>
<div class="ShowHide">
	<div class="ShowHideCh">
		<p>666666</p>
		<p>666666</p>
		<p>666666</p>
		<p>666666</p>
	</div>
	<p>666666</p>
	<p>666666</p>
	<p>666666</p>
	<p>666666</p>
	<p>666666</p>
	<p>666666</p>
	<p>666666</p>
	<p>666666</p>
</div>
<p>666666</p>
</body>
</html>

 

 大家有好的方式欢迎一起探讨！

 

CSeek_hxy
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jQuery实现获取隐藏div高度的方法示例
10-20
主要介绍了jQuery实现获取隐藏div高度的方法,结合实例形式较为详细的分析了jQuery针对页面元素属性操作的相关技巧,需要的朋友可以参考下
js隐藏html页面元素高度,如何使用jQuery获取隐藏元素的高度？
weixin_30160343的博客
06-08 426
HTML元素可以在jquery hide()函数的帮助下隐藏，或者也可以通过在css中使设置visibility:hidden来轻松隐藏。那么如何使用jquery找到这个隐藏元素的高度？下面本篇文章就来给大家介绍一下使用jQuery获取隐藏元素高度的方法，希望对大家有所帮助。每个HTML元素定义了两种高度，即元素的innerHeight和outerHeight：1、innerHeight：当不考虑...
html中js隐藏div的高度,jQuery怎么获取隐藏元素的高度？
weixin_28702105的博客
06-03 506
jQuery怎么获取隐藏元素的高度？下面本篇文章给大家介绍一下。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。jQuery怎么获取隐藏元素的高度？方法1：使用innerHeight()方法计算隐藏元素的innerHeight高度innerHeight：当不考虑所选元素的边框宽度时，会考虑此高度。示例：div {width: 310px;height: 80px;font-weig...
JavaScript学习之 Element对象_获取元素位置
最新发布
林林一928的博客
04-20 1411
Element对象_获取元素位置：1. clientHeight, clientWidth。2. clientLeft,clientTop。3. scrollHeight,scrollWidth。4. scrollLeft,csrollTop。 5. offsetHeight,offsetWidth。 6. offsetLeft,offsetTop。（附：视口高度，页面总高度）
每天学点JQuery(4)—动画
JavaSheng的专栏
04-13 492
1.show()和hide()：通过改变高度，宽度，不透明度来显示/隐藏元素。$(function(){ $("a").hide()//通过hide方法隐藏元素 })等价于 $(function(){ $("a").css("display","none"); }) 当把元素隐藏后，可以使用show()方法将元素的display样式设置为先前的显示状态("block"或"inline
获取div的高度
weixin_34195142的博客
10-11 7603
1、获取div的文档总高度（必须DOM操作）： var scrollHeight=document.getElementById("inner").scrollHeight; // jq中没有scrollHeight -只有scrollTop():// 所以用DOM操作获取元素并计算scrollHeight。12342、获取div的窗口显示高度： var height=$("#inner")...
获取div内容的高度
Mh_ui的博客
03-29 4841
var scrollHeight=document.getElementById("t_r_content").scrollHeight; //div文档总高度 var offsetHeight=document.getElementById("t_r_content").offsetHeight; //获取div窗口显示高度 var scrollTop=document.getElementB...
无法获取隐藏元素宽度和高度的解决方案
08-31
无法获取隐藏元素宽度和高度的解决方案 在实际开发中，我们经常会遇到需要获取隐藏元素的宽高的情况，这里的隐藏元素是指display为none的元素。在默认情况下，获取隐藏元素的宽高是非常困难的，因为浏览器不会计算...
JQuery显示隐藏页面元素的方法总结
10-24
主要介绍了JQuery显示隐藏页面元素的方法总结,本文分别讲解了show()、hide()、toggle()、slideDown()、css()5种控制显示隐藏某个DIV或P标签等页面元素的方法,需要的朋友可以参考下
jQuery实现提交表单时不提交隐藏div中input的方法
10-16
`attr("disabled", value)`方法用于设置或获取元素的属性值，当`value`为`true`时，input元素被禁用；当`value`为`false`时，input元素恢复正常。 在实际应用中，可能还需要考虑其他因素，例如确保在表单提交之前...
jQuery实现ToolTip元素定位显示功能示例
10-21
// 使用jQuery获取元素的位置 var tipElement = $('#tipmessage'); // 定位Tooltip，使其出现在鼠标下方 tipElement.css("top", $(obj).position().top + $(obj).height() + "px") .css("left", $(obj)....
获取div块的高度
AlwaysJ的博客
02-01 338
var getHeight = (ref) => { return this.$refs[ref].offsetHeight } this.height = getHeight('left') <div ref="left"></div>
【JQuery选择器】读取隐藏/显示的div，jq读取隐藏标签,js读取隐藏/显示元素，jq选择器读取不可见和可见元素
小廖的博客
04-14 2701
jquery 选择器读取隐藏的div，不需要全部读取遍历得到 例如 html读取 隐藏的第一个A内容的li标签 <ul class="layui-tab-title" id="tab_title"> <li id="A" style="display: none;" >A<span hidden>0</span></li> <li id="B">B<span hidden>0</span><
js 获取自适应高度div的高度
热门推荐
YinghaoGuo的博客
04-07 1万+
忙了将近一个月的论坛官网终于做好了，今天在调试bug，遇到了一个问题，设计稿（左）和实际（右）：         好了大家发现问题了吧，就是最下方的版权块定位问题，方案是在屏幕中最新回复数量少或者无回复时，屏幕无滚动，版权块在屏幕最下方，如果评论过多，则版权块距离最后一条考评论的margin-top是固定的80px，然候要虑到要金融各种屏幕大小的手机，如果用fixed定位是绝对不行的，因
如何用JavaScript获得div高度
qq_40198520的博客
02-06 5592
一共有三种方法 方法一：offsetHeight 与 clientHeight offsetHeight:总高度 clientHeight:总高度 - 边框*2 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
JQuery常用获取几种高度方法总结
ajoashop的博客
04-27 483
前端开发中经常需要量取各种高度，总结几个jquery常用获取高度的方法（陆续增加）： 获取浏览器显示区域的高度 ： $(window).height(); 获取浏览器显示区域的宽度 ： $(window).width(); 获取页面的文档高度  ： $(document).height(); 获取页面的文档宽度 ： $(document).width
jquery 获取隐藏元素(display:none)的高度和宽度
Lv Sijun's blog
09-05 1802
引入资源文件 <script type="text/javascript" src="path/jquery.min.js"></script> <script type="text/javascript" src="path/jquery.actual.js"></script> //get hidden element actual width $('.hidden').actual('width'); //get hidden element act
jquery获取隐藏元素的宽度高度
蟠龙有悔的专栏
04-13 5861
$('.info').show(50,function(){ var w = $('.info').outerWidth(); console.log(w); });注意: show的第一个参数不能为0否则在刷新页面或页面默认载入并显示该隐藏元素的时候，w仍然为0（虽然通过单击事件可以获取到w的宽度） 运用参考环境：获取单选列表中选中状态下显示的div宽度 参考： https:
jquery 获取字符串长度
01-27
在jQuery中，可以通过自定义一个函数来获取字符串的宽度（显示长度）。下面是一个示例代码： ```javascript String.prototype.visualLength = function() { var ruler = $("#ruler"); ruler.text(this); return ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值