首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

jQuery height()不返回实际高度,而是返回0、-2或2

jQuery的height()方法用于获取或设置元素的高度。根据官方文档,height()方法返回的是元素的计算高度,即元素的内容高度加上内边距(padding)的高度,但不包括边框(border)和外边距(margin)的高度。

如果height()方法返回0,可能有以下几种情况:

  1. 元素本身没有设置高度样式,或者高度样式被设置为0。
  2. 元素的内容为空,没有实际的高度。
  3. 元素的内容被隐藏或者溢出,导致无法正确计算高度。

如果height()方法返回-2,可能是由于以下情况:

  1. 元素的高度样式被设置为"auto",无法准确获取高度。
  2. 元素的display属性被设置为"none",导致无法获取高度。

如果height()方法返回2,可能是由于以下情况:

  1. 元素的高度样式被设置为"inherit",继承父元素的高度。
  2. 元素的高度样式被设置为百分比值,需要根据父元素的高度计算得出。

为了解决这些问题,可以尝试以下方法:

  1. 确保元素的高度样式被正确设置,可以通过CSS样式表或者JavaScript动态设置。
  2. 确保元素的内容不为空,并且没有被隐藏或者溢出。
  3. 确保元素的display属性不是"none",并且高度样式不是"auto"或者"inherit"。
  4. 如果以上方法无效,可以尝试使用其他方法获取元素的高度,例如使用原生JavaScript的offsetHeight属性。

腾讯云相关产品和产品介绍链接地址:

  1. 云服务器(CVM):提供弹性计算能力,满足各种业务需求。产品介绍链接
  2. 云数据库 MySQL 版:提供高性能、可扩展的关系型数据库服务。产品介绍链接
  3. 云存储(COS):提供安全可靠、低成本的云端存储服务。产品介绍链接
  4. 人工智能平台(AI Lab):提供丰富的人工智能算法和模型,帮助开发者快速构建人工智能应用。产品介绍链接
  5. 物联网开发平台(IoT Explorer):提供全面的物联网解决方案,帮助开发者连接和管理物联网设备。产品介绍链接
  6. 腾讯云区块链服务(Tencent Blockchain):提供安全高效的区块链解决方案,满足不同行业的业务需求。产品介绍链接

请注意,以上只是腾讯云的一些产品示例,其他云计算品牌商也提供类似的产品和服务。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

JavaScript与jQuery获取元素的宽、高和位置

:是该元素的显示(可见)的内容与该元素实际的内容的距离(滚动条滚去的高度jQuery中: ?...元素的宽高 width() :获得设置元素【内容】的宽;若元素的display:none,其值为0 height() :获得设置元素【内容】的高;若元素的display:none,其值为0 innerWidth...ele.height() :返回一个没有单位的number数值(例如400)。 2height() 总是返回内容宽度,不管CSS box-sizing 属性值。...浏览器相关宽高 $(window).height() :获取浏览器可视窗口的高度; $(document).height() :获取整个网页文档的高度;当网页高度不足浏览器窗口时,返回的是 $(window...() 小; $("html").height() :在不同的浏览器上获取的高度会有差异,浏览器兼容。

2.9K00

【一起来烧脑】读懂JQuery知识体系

、删除类的切换操作 css()--设置返回样式属性 jQuery 尺寸 width()--设置返回元素的宽度(不包括内边距、边框外边距) height()--设置返回元素的高度(不包括内边距...、边框外边框) innerWidth()--返回元素的宽度(包括内边距) innerHeight()--返回元素的高度(包括内边距) outerWidth()--返回元素的宽度(包括内边距和边框)...outHeight()--返回元素的高度(包括内边距和边框) jQuery 遍历 ?...过滤 first() 返回被选元素的首个元素 last() 回被选元素的最后一个元素 eq() 返回被选元素中带有指定索引号的元素 索引号从0开始,因此首个元素的索引号是0而不是1 Filter...()方法 Not()方法 匹配这个标准的元素会被从集合中删除,匹配的元素会被返回 Not()方法返回匹配标准的所有元素 jQuery AJAX AJAX是与服务器交换数据的技术 在不重载全部页面的情况下

2.6K30

JQuery笔记

默认是 false JQuery HTML 捕获 text() - 设置返回所选元素的文本内容 html() - 设置返回所选元素的内容(包括 HTML 标记) val() - 设置返回表单字段的值...; }); $("#btn2").click(function(){ $("#test2").html("Hello world!...(不包括内边距、边框外边距) height() 方法设置返回元素的高度(不包括内边距、边框外边距 innerWidth() 方法返回元素的宽度(包括内边距) innerHeight() 方法返回元素的高度...(包括内边距) outerWidth() 方法返回元素的宽度(包括内边距和边框) outerHeight() 方法返回元素的高度(包括内边距和边框 JQuery遍历 祖先 parent() 方法返回被选元素的直接父元素...匹配这个标准的元素会被从集合中删除,匹配的元素会被返回 not() 方法返回匹配标准的所有元素 AJAX load方法 load() 方法从服务器加载数据,并把返回的数据放入被选元素中 语法

6.1K20

height、offsetheight、clientheight、scrollheight、innerheight、outerheight

下面都以高度来说,详细的区别在取某块某元素高度的时候,这些height、offsetheight、clientheight、scrollheight、innerheight、outerheight的不同的地方...$(function(){ var h1=$("#box").height(); var h2=document.getElementById("box2").offsetHeight...jquery给取出值并放在各自的框中 一、先来这个我平时用的比较多的,height 它主要是返回元素的高度或者说这个div的内容的高度,它是jquery对像,如果只是想取到某个内容的高度,那完全可以使用这个...三、我么怎么用的clientHeight和scrollHeight clientHeight在页面上返回内容的可视高度(不包括边框,边距滚动条),结果显示上图h3; scrollHeight返回整个元素的高度...返回一个整数(包含“px”)表示的值 ,如果在一个空集合上调用该方法,则会返回 null。

1.4K20

真正解决iframe高度自适应问题

1.前言 解决iframe高度自适应问题有两种方法 1.pym 2.手动设置iframe的高度 本文主要是总结第二种实现方式,因为第一种pym.js插件我没用懂 如果使用iframe时,遇到以下的需求...) 页面可能同时嵌入多个iframe 2.contentWindow对象 *需要起个服务,不要直接在本地打开 这是个只读属性,返回指定的iframe的window对象 拿到这个对象,就可以根据正常网页的方法拿到嵌入...(子)网页的文档高度,然后把值附给父页面的iframe的height。...3.欢迎指出问题留言加深本文的深度,例如html5已经不需要声明DTD,但是我解决这个问题不得不改一下DOCTYPE,退化到html4,为什么在html5中子页面html和body的高度不是由内部的内容决定的...,而是等于父元素iframe的高度

5K30

JQuery基础

html():设置获取所选元素的内容(包括HTML标记) val():设置获取表单字段的值 --  获取属性: attr():设置获取属性值   ps1:以上函数传入参数时是获取;传入参数时是设置...5.jQuery尺寸 width()/height():设置获取当前元素的宽度/高度(不包括内边距,边框,外边距) innerWidth()/innerHeight():设置获取当前元素的宽度/高度...(包括内边距) outerWidth()/outerHeight():设置获取宽度/高度(包括内边距和边框);如果设置参数为true,则包括内边距,边框,外边距 image.png 第七部分:jQuery...,具有相同的父元素) siblings():返回被选元素的所有同胞(兄弟)元素;可选参数可以用来进行过滤:$('h2').siblings('p'):返回与h2具有相同父元素的p元素 next():返回被选元素的下一个同胞元素...4.遍历--过滤 first():返回被选元素的第一个元素 last():返回被选元素的最后一个元素 eq():返回被选元素中带有指定索引号的元素;索引号从0开始;如:$('p').eq(1):返回第二个

4.6K51

第73天:jQuery基本动画总结

slideToggle jQuery提供了一个便捷方法slideToggle用滑动动画显示隐藏一个匹配元素 基本的操作:slideToggle(); 这是最基本的操作,获取元素的高度,使这个元素的高度发生改变...例如: - 改变样式display为none - 设置位置高度0 - 设置透明度为0 都能达到这个目的,并且针对这样的处理jQuery都提供了各自的方法。...,第一个参数是当前迭代成员在对象数组中的索引值(从0开始计数),第二个参数是当前迭代成员(与this的引用相同 jQuery.each()函数还会根据每次调用函数callback的返回值来决定后续动作...默认数组是0开始 例如:在数组中查找值是5的索引 $.inArray(5,[1,2,3,4,5,6,7]) //返回对应的索引:4 注意: 如果要判断数组中是否存在指定值,你需要通过该函数的返回值不等于...,则返回值就是jQuery对象中第一个元素相对于它同辈元素的位置 - 如果在一组元素上调用 .index() ,并且参数是一个DOM元素jQuery对象, .index() 返回值就是传入的元素相对于原先集合的位置

3.2K10

Python全栈之jQuery笔记

$("span").parentsUntil("div"); 返回介于 与 元素之间的所有祖先元素(包含div元素). 2.jQuery遍历-后代 后代是子、孙、曾孙等等...其他过滤方法,比如filter()和not()允许您选取匹配匹配某项指定标准的元素. first() 返回被选元素的首个元素....();获取可视区高度 $(document).height();获取页面高度 1.4 scrollTop与scrollLeft: 设置或者获取垂直滚动条的位置 获取页面被卷曲的高度....slideDown('fast') //高度从零变到实际高度来显示ul元素 .parent() //跳到ul的父元素,也就是id为div1的元素 .siblings...) //跳到div1元素平级的所有兄弟元素 .children('ul') //这些兄弟元素中的ul子元素 .slideUp('fast'); //高度实际高度变换到零来隐藏

5.5K40

clientHeight、scrollHeight、offsetHeight和scrollTop之间区别

屏幕可见区域高(内容的可视高度,不包括边框,边距滚动条):document.body.clientHeight 正文内容高(整个元素的高度,包括带滚动条的隐蔽的地方):document.body.scrollHeight...一、先来这个我平时用的比较多的,height 它主要是返回元素的高度或者说这个div的内容的高度,它是jquery对像,如果只是想取到某个内容的高度,那完全可以使用这个,按照上面所设置的参数,得到的就是...,结果显示上图h2; 对了,为什么这个offsetheight的用法和height的用法不一样的,因为offsetHeight是js对象所能支持的方法,而$(“”)所获得的是一个jquery对象,他是不支持...三、我么怎么用的clientHeight和scrollHeight clientHeight在页面上返回内容的可视高度(不包括边框,边距滚动条),结果显示上图h3; scrollHeight返回整个元素的高度...返回一个整数(包含“px”)表示的值 ,如果在一个空集合上调用该方法,则会返回 null。

1K20

看不完的那种!前端170面试题+答案学习整理(良心制作)

border+padding+content的宽度/高度决定,设置width/height属性指的是指定content部分的宽度/高度。...一些数组对象的方法经常能使用到,jQuery将其保存为局部变量以提高访问速度。jQuery实现的链式调用可以节约代码,所返回的都是同一个对象,可以提高开发效率。...假设typeof是函数,则调用typeof(typeof)应该返回一个字符串'function',但是实际操作会报错,所以typeof不是函数 ?...line-height,又称行高,指的是两行文字基线之间的距离,又可以称为这行文字所占的高度。 如图红色线即为基线 ?...call可以接收一个参数列表,apply只接受一个参数数组 bind绑定完之后返回一个新的函数,执行。

11.5K50

jQuery学习笔记

) eq():选取指定索引的元素 ge():选取大于指定索引的元素 lt():选取小于指定索引的元素 :focus 选取所有失去焦点的元素 :header 选取所有标题元素(h1\h2\...width()/height() 设置/返回元素的宽度/高度(content;不包括内边距、边框、外边距) innerWidth()/innerHeight() 设置/返回元素的宽度/高度(Content...+Padding;不包括边框、外边距) outerWidth()/outerHeight() 设置/返回元素的宽度/高度(Content+Padding+Border;不包括外边距) jQuery 遍历...向上遍历DOM树 parent() 返回自己的直接父类元素 parents() 返回自己的所有直系类元素(直至根元素) parentsUntil() 返回两种直接的所有直系类元素(包含) // parents...,指定索引) filter()返回可匹配的所有元素 not() 返回匹配的所有元素 jQuery AJAX AJAX AJAX = 异步JavaScript + XML 在不重载网页的情况下

7.4K30

jquery对象和dom对象的相互转换

.innerHTML; 3、如何获取jQuery集合的某一项 对于获取的元素集合,获取其中的某一项(通过索引指定)可以使用eqget(n)方法或者索引号获取,要注意,eq返回的是jquery对象,而...();     //返回id为msg的元素的高度 $("#msg").height("300");   //将id为msg的元素的高度设为300 $("#msg").width();     //返回id...var settings = $.extend({}, defaults, options); //合并defaults和options,并将合并结果返回到setting中而覆盖default内容。...如:$.merge( [0,1,2], [2,3,4] )   //返回[0,1,2,3,4] $.trim(str):删除字符串两端的空白字符。 ...使用jquery中的jQuery.noConflict();方法即可把变 量$的控制权让渡给第一个实现它的那个库之前自定义的$方法。

3.3K40

waypoint_使用jQuery Waypoint创建粘性导航标题

} .nav-left::after { content: ''; position: absolute; right: 0; width: 66%; height: 66%;...offset的值可以是数字(代表固定数量的像素),包含百分比的字符串(解释为视口高度的百分比)返回多个像素的函数。 最后一个可以提供一些严重的灵活性,稍后我们将使用它。...所有这些都是标准的jQuery票价:在nav添加删除sticky类后,我们便会使用.css()覆盖元素的垂直位置,然后使用.animate()其设置为应有的水平。...由于我们没有离开渐进增强的轨道,因此没有理由坚持使用jQuery的强大功能。 ---- 步骤6:突出显示和平滑滚动 随着读者逐步浏览页面的不同部分,您可能需要更改突出显示的项目。...实际上,这意味着将告诉脚本当前正在查看哪个部分的假想线放置在视口顶部的三分之一左右,即观看者在阅读长文本时所处的位置。 一个更强大的解决方案可以使用功能来适应导航栏高度的变化。

3.3K30

jquery 与javascript 获取元素尺寸大小的对比

jquery获取尺寸的方法 width() 方法设置返回元素的宽度(不包括内边距、边框外边距)。 height() 方法设置返回元素的高度(不包括内边距、边框外边距)。...innerWidth() 方法返回元素的宽度(包括内边距)。 innerHeight() 方法返回元素的高度(包括内边距)。 outerWidth() 方法返回元素的宽度(包括内边距和边框)。...outerHeight() 方法返回元素的高度(包括内边距和边框)。 js获取尺寸的方法 clientWidth 是对象可见的宽度,包滚动条等边线,会随窗口的显示大小改变。...,包含上面的浏览器地址等所有上面的部分) screen.availHeight - 可用的屏幕高度(包含下面的任务栏,包含上面的浏览器地址等所有上面的部分) screen.height-屏幕高度(包含整个屏幕...2.offsetWidth属性仅是可读属性,而style.width是可读写的。 3.offsetWidth属性返回值是整数,而style.width的返回值是字符串,并且带有单位。

1.8K30
领券