jQuery height()不返回实际高度，而是返回0、-2或2 - 腾讯云开发者社区

文章/答案/技术大牛

发布

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

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

4.6K0 1

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

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

3.4K3 0

您找到你想要的搜索结果了吗？

是的

没有找到

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.9K2 0

04-老马jQuery教程-DOM节点操作及位置和大小

返回值：返回当前的jQuery包装对象。...实际上，使用这个方法是颠倒了常规的$(A).after(B)的操作，即不是把B插到A后面，而是把A插到B后面。...没有参数，返回值是Integer类型示例获取第一段落内部区域高度。...function(index, height) index:String, height:Number 返回用于设置高度的一个函数。接收元素的索引位置和元素旧的高度值作为参数。...比如 {top:100,left:0} ，或者：带有 top 和 left 属性的对象 // 获取第二段的偏移 // Hello2nd Paragraph var p = $

3K9 0

04-老马jQuery教程-DOM节点操作及位置和大小

返回值：返回当前的jQuery包装对象。...实际上，使用这个方法是颠倒了常规的$(A).after(B)的操作，即不是把B插到A后面，而是把A插到B后面。...没有参数，返回值是Integer类型示例获取第一段落内部区域高度。...Number: 设定CSS中 'height' 的值，可以是字符串或者数字，还可以是一个函数，返回要设置的数值。函数接受两个参数，第一个参数是元素在原先集合中的索引位置，第二个参数为原先的高度。...function(index, height) index:String, height:Number 返回用于设置高度的一个函数。接收元素的索引位置和元素旧的高度值作为参数。

7K0 0

jQuery

尺寸三、 jQuery 遍历 1. 祖先（向上遍历） 2. 后代（向下遍历） 3. 同胞（水平遍历） 4. 过滤四、jQuery AJAX 0. 原理 1. 加载 2. Get/Post 3....尺寸 width() - 设置或返回元素的宽度（不包括内边距、边框或外边距）。 height() - 设置或返回元素的高度（不包括内边距、边框或外边距）。...outerHeight() - 返回元素的高度（包括内边距和边框）。...: " + $("#div1").height(); $("#div1").html(txt); // 设置宽度和高度 $("button").click(function(){ $("#div1...不匹配这个标准的元素会被从集合中删除，匹配的元素会被返回。 not() - 与filter()相反。

18.3K2 0

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。

2.2K2 0

真正解决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的高度？

6.1K3 0

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)：返回第二个

6.8K5 1

第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() 返回值就是传入的元素相对于原先集合的位置

4.6K1 0

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'); //高度实际高度变换到零来隐藏

6.7K4 0

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。

3.4K2 0

看不完的那种！前端170面试题+答案学习整理（良心制作）

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

13.1K5 0

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 在不重载网页的情况下

8.8K3 0

JQuery最全常用方法指南

这个动画效果只调整元素的高度，可以使匹配的元素以”滑动”的方式隐藏或显示。...height() 取得当前第一匹配的元素的高度值， height(val) 为每个匹配的元素设置指定的高度值。....innerHTML; 3、如何获取jQuery集合的某一项对于获取的元素集合，获取其中的某一项（通过索引指定）可以使用eq或get(n)方法或者索引号获取，要注意，eq返回的是jquery对象，而...(); //返回id为msg的元素的高度 $("#msg").height("300"); //将id为msg的元素的高度设为300 $("#msg").width(); //返回id为msg的元素的宽度...如：$.merge([0, 1, 2], [2, 3, 4]) //返回[0,1,2,3,4] $.trim(str)：删除字符串两端的空白字符。

13.2K3 1

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

.innerHTML; 3、如何获取jQuery集合的某一项对于获取的元素集合，获取其中的某一项（通过索引指定）可以使用eq或get(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();方法即可把变量$的控制权让渡给第一个实现它的那个库或之前自定义的$方法。

4.5K4 0

jQuery 尺寸

() ---- jQuery 尺寸 ---- jQuery width() 和 height() 方法 width() 方法设置或返回元素的宽度（不包括内边距、边框或外边距）。...height() 方法设置或返回元素的高度（不包括内边距、边框或外边距）。...").width() + ""; txt+="div 的高度是: " + $("#div1").height(); $("#div1").html(txt); }); JQuery innerWidth...innerHeight() 方法返回元素的高度（包括内边距）。...outerHeight() 方法返回元素的高度（包括内边距和边框）。

1.2K5 0

每个程序员都会的 35 个 jQuery 小技巧

$(document).ready(function() { jQuery.preloadImages = function() { for(var i = 0; i<ARGUMENTS.LENGTH...可以使用下面的代码片段： var $columns = $('.column'); var height = 0; $columns.each(function () { if ($(this)....height() > height) { height = $(this).height(); } }); $columns.height(height); 这段代码会循环一组元素，并设置它们的高度为元素中的最大高...this.height() ) / 2+$(window).scrollTop() + "px"); this.css("left", ( $(window).width() - this.width.../1.2.6/jquery.min.js"> // Example 2:(the best and fastest way) <SCRIPT type=text/javascript

5.3K1 0

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

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

5.4K3 0

jQuery

ul子元素 .slideDown('fast') //高度从零变到实际高度来显示ul元素 .parent() //跳到ul的父元素，也就是id为div1的元素 .siblings() //跳到div1...元素平级的所有兄弟元素 .children('ul') //这些兄弟元素中的ul子元素 .slideUp('fast'); //高度实际高度变换到零来隐藏ul元素例子：层级菜单 2、获取元素相对页面的绝对位置 offset() 3、获取浏览器可视区宽度高度 $(window).width(); $(window).height(); 4、获取页面文档的宽度高度 $(document...插件使用 jquery中没有鼠标滚轮事件，原生js中的鼠标滚轮事件不兼容，可以使用jquery的滚轮事件插件jquery.mousewheel.js。...，全文搜索，默认搜索到第一个结果接停止 i： ingore case，忽略大小写，默认大小写敏感 8、常用函数 1、test 用法：正则.test(字符串) 匹配成功，就返回真，否则就返回假 2、replace

5K2 0

点击加载更多

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

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

JQuery笔记

04-老马jQuery教程-DOM节点操作及位置和大小

04-老马jQuery教程-DOM节点操作及位置和大小

jQuery

height、offsetheight、clientheight、scrollheight、innerheight、outerheight

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

JQuery基础

第73天：jQuery基本动画总结

Python全栈之jQuery笔记

clientHeight、scrollHeight、offsetHeight和scrollTop之间区别

看不完的那种！前端170面试题+答案学习整理（良心制作）

jQuery学习笔记

JQuery最全常用方法指南

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

jQuery 尺寸

每个程序员都会的 35 个 jQuery 小技巧

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

jQuery

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐