通过jQuery获取容器尺寸的方法height()、innerHeight()、outerHeight()的区别总结

在获取容器尺寸的时候,一定要分清是内部尺寸还是外部尺寸,避免出现bug不易查找,具体区别如下所示:

  • height(): 其高度范围是所匹配元素的高度height;
  • innerheight(): 其高度范围是所匹配元素的高度height+padding;
  • outerheight(): 其高度范围是所匹配元素的高度height+padding+border;
  • outerheight(true): 其高度范围是所匹配元素的高度height+padding+border+margin;
  • 水平宽度的获取同高度,不再赘述

原文作者:Jesse131

原文出处:https://www.cnblogs.com/jesse131/p/5111191.html#undefined

原文地址:https://www.cnblogs.com/chaoyueqi/p/9167084.html

时间: 2024-10-06 13:52:03

通过jQuery获取容器尺寸的方法height()、innerHeight()、outerHeight()的区别总结的相关文章

转:使用jquery获取url以及jquery获取url参数的方法

转:使用jquery获取url以及jquery获取url参数的方法 使用jquery获取url以及jquery获取url参数的方法

jquery 获取元素尺寸

一.jquery 获取元素尺寸 原文地址:https://www.cnblogs.com/yingxiongguixing/p/11788617.html

Jquery中的 height(), innerHeight() outerHeight()区别

jQuery中的 height innerHeight outerHeight区别 标准浏览器下: height:高度 innerHeight:高度+补白 outerHeight:高度+补白+边框,参数为true时:高度+补白+边框+边距 html代码: <div class="width: 150px;height:20px;float: left;border: 2px solid red;margin: 10px;margin: 10px;padding: 10px;" i

使用 jquery 获取当前时间的方法

我们在写一些效果时,经常要用到 jquery 获取当前时间,但是jquery 目前并没有提供直接获取当前时间的 api 或者函数,所以我们还是得用原生的 javascript 时间对象 Date 来获取当前时间,我们给出了代码 functioncurrentTime(){vard = newDate(),str = '';str += d.getFullYear()+'年';str  += d.getMonth() + 1+'月';str  += d.getDate()+'日';str += d

jquery获取&lt;div&gt;&lt;/div&gt;之间的内容.text() 和 .html()区别

jQuery 获取 div 之间的内容,有两种方法,$(selector).text().$(selector).html() . html: <div> <p>test</p> </div> $("div").text() 得到的是 test,是 div 的纯文本,会自动忽略 html 标签 . $("div").html() 得到的是 <p>test</p>,是 div 的所有内容,包括 h

jquery获取窗口高度的方法及判断scroll滚动到底部

$(window).height()     获取的是当前可视窗口的高度,也就是用户能看到的窗口的高度,是不变的(在窗口大小不变的前提下)$(document).height()  获取的是窗口内文档的高度,这个高度随着文档内容的高度改变而改变 当窗口滚动条滚到最低端时,$(document).height() == $(window).height() + $(window).scrollTop().当窗口内文档高度不足浏览器窗口高度时,$(document).height()返回的是$(wi

jQuery获取JSON格式数据方法

getJSON方法: jQuery.getJSON(url,data,success(data,status,xhr)) $("button").click(function(){ $.getJSON("demo_ajax_json.js",function(result_data){ $.each(result_data, function(index, name_value){ $("div").append(name_value + &qu

使用jquery获取url以及jquery获取url参数的方法

(function($){ $.getUrlParam = function(name) { var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if (r!=null) return unescape(r[2]); return null; } })(jQuery); //使用方法

jQuery 获取文件后缀的方法

方法一.       采用正则表达式: Js代码 var file=$("input[name='file']").val(); var filename=file.replace(/.*(\/|\\)/, ""); var fileExt=(/[.]/.exec(filename)) ? /[^.]+$/.exec(filename.toLowerCase()) : ''; filename得到文件名  fileExt得到后缀名 方法二.  Js代码 var lo