Jquery 的outerHeight方法使用介绍


Posted in Javascript onSeptember 11, 2013

获取第一个匹配元素外部高度(默认包括补白和边框)。

此方法对可见和隐藏元素均有效。

outerHeight(options)

optionsBoolean默认值:'false'

设置为 true 时,计算边距在内。

描述:
获取第一段落外部高度。

HTML 代码:

<p>Hello</p><p>2nd Paragraph</p>

jQuery 代码:
var p = $("p:first"); 
$("p:last").text( "outerHeight:" + p.outerHeight() + " , outerHeight(true):" + p.outerHeight(true) );

结果:
<p>Hello</p><p>outerHeight: 35 , outerHeight(true):55</p>
Javascript 相关文章推荐
javascript应用:Iframe自适应其加载的内容高度
Apr 10 Javascript
ASP.NET中基于JQUERY的高性能的TreeView补充
Feb 23 Javascript
屏蔽script注入小例子
Nov 12 Javascript
Js与下拉列表处理问题解决
Feb 13 Javascript
jquery无限级联下拉菜单简单实例演示
Nov 23 Javascript
JQuery EasyUI的使用
Feb 24 Javascript
详解JavaScript中数组和字符串的lastIndexOf()方法使用
Mar 13 Javascript
js时间比较 js计算时间差的简单实现方法
Aug 26 Javascript
javascript 将共享属性迁移到原型中去的实现方法
Aug 31 Javascript
JS实现简单拖拽效果
Jun 21 Javascript
React+react-dropzone+node.js实现图片上传的示例代码
Aug 23 Javascript
如何优化vue打包文件过大
Apr 13 Vue.js
$.get获取一个文件的内容示例代码
Sep 11 #Javascript
JQuery触发事件例如click
Sep 11 #Javascript
自动设置iframe大小的jQuery代码
Sep 11 #Javascript
jquery 倒计时效果实现秒杀思路
Sep 11 #Javascript
Jquery 跨域访问 Lightswitch OData Service的方法
Sep 11 #Javascript
extjs render 用法介绍
Sep 11 #Javascript
jQuery图片轮播的具体实现
Sep 11 #Javascript
You might like
FleaPHP的安全设置方法
2008/09/15 PHP
php面向对象全攻略 (十一)__toString()用法 克隆对象 __call处理调用错误
2009/09/30 PHP
教你如何使用php session
2013/10/28 PHP
thinkphp路由规则使用示例详解和伪静态功能实现(apache重写)
2014/02/24 PHP
你应该知道PHP浮点数知识
2015/05/13 PHP
php命名空间设计思想、用法与缺点分析
2019/07/17 PHP
在laravel5.2中实现点击用户头像更改头像的方法
2019/10/14 PHP
读jQuery之九 一些瑕疵说明
2011/06/21 Javascript
javascript中的数字与字符串相加实例分析
2011/08/14 Javascript
jquery div 居中技巧应用介绍
2012/11/24 Javascript
JS判断页面是否出现滚动条的方法
2015/07/17 Javascript
Javascript实现图片轮播效果(二)图片序列节点的控制实现
2016/02/17 Javascript
AngularJS中的$watch(),$digest()和$apply()区分
2016/04/04 Javascript
Angular懒加载机制刷新后无法回退的快速解决方法
2016/08/30 Javascript
ThinkJS中如何使用MongoDB的CURD操作
2016/12/13 Javascript
JQuery实现动态操作表格
2017/01/11 Javascript
Vue声明式渲染详解
2017/05/17 Javascript
深入探究node之Transform
2017/07/20 Javascript
vue实现点击关注后及时更新列表功能
2018/06/26 Javascript
微信小程序局部刷新触发整页刷新效果的实现代码
2018/11/21 Javascript
详解webpack4.x之搭建前端开发环境
2019/03/28 Javascript
浅析Vue中拆分视图层代码的5点建议
2019/08/15 Javascript
vue打开新窗口并实现传参的图文实例
2021/03/04 Vue.js
利用python实现数据分析
2017/01/11 Python
python奇偶行分开存储实现代码
2018/03/19 Python
python+pygame实现坦克大战
2019/09/10 Python
python3 简单实现组合设计模式
2020/07/02 Python
python利用线程实现多任务
2020/09/18 Python
eBay美国官网:eBay.com
2020/10/24 全球购物
巴西本土电商平台:Americanas
2020/06/21 全球购物
年度考核自我鉴定
2014/03/19 职场文书
意向书范本
2014/07/29 职场文书
英语三分钟演讲稿
2014/08/19 职场文书
工作检讨书范文
2015/01/23 职场文书
Java并发编程之原子性-Atomic的使用
2022/03/16 Java/Android
 Redis 串行生成顺序编码的方法实现
2022/04/03 Redis