jquery outerHeight方法 outerWidth方法 获取元素实际宽度高度
来源:互联网 发布:网络销售前景怎么样 编辑:程序博客网 时间:2024/05/22 14:28
以前写代码中,每当需要获取元素的实际“宽度”(这里的宽度是指元素宽度加上其边距)时,都需要用元素宽度加上margin值才行,今天发现一个叫outerWidth(options)的方法 ,很好用。完成了原来需要用一段来操作做的工作。
这个方法不适用于
下面是其简单介绍
outerWidth(options)
获取第一个匹配元素外部宽度(默认包括补白和边框)。
此方法对可见和隐藏元素均有效。
返回值:Integer 一个整数值 不带"px"
参数:
options(Boolean) : 默认值为false 设置为 true 时,计算边距在内。
示例:
获取第一段落外部宽度。
HTML 代码:
<div>
<div id="test" style="width:80px;margin:10px;"></div>
</div>
jQuery 代码:
var w = $("#test").outerWidth(true);
$("#test").html(w);
结果:
<div>
<div id="test" style="width:80px;margin:10px;">100</div>
</div>
outerHeight(options)
获取第一个匹配元素外部高度(默认包括补白和边框)。
此方法对可见和隐藏元素均有效。
返回值:Integer
参数:
options(Boolean) : 默认值为false 设置为 true 时,计算边距在内。
示例:
获取第一段落外部高度。
HTML 代码:
<div>
<div id="test" style="height:20px;margin:10px;"></div>
</div>
jQuery 代码:
var h = $("#test").outerHeight(true);
$("#test").html(h);
结果:
<div>
<div id="test" style="height:20px;margin:10px;">40</div>
</div>
</div>
这个方法不适用于
window
和 document
对象,可以使用.width()
代替。下面是其简单介绍
outerWidth(options)
获取第一个匹配元素外部宽度(默认包括补白和边框)。
此方法对可见和隐藏元素均有效。
返回值:Integer 一个整数值 不带"px"
参数:
options(Boolean) : 默认值为false 设置为 true 时,计算边距在内。
示例:
获取第一段落外部宽度。
HTML 代码:
<div>
<div id="test" style="width:80px;margin:10px;"></div>
</div>
jQuery 代码:
var w = $("#test").outerWidth(true);
$("#test").html(w);
结果:
<div>
<div id="test" style="width:80px;margin:10px;">100</div>
</div>
outerHeight(options)
获取第一个匹配元素外部高度(默认包括补白和边框)。
此方法对可见和隐藏元素均有效。
返回值:Integer
参数:
options(Boolean) : 默认值为false 设置为 true 时,计算边距在内。
示例:
获取第一段落外部高度。
HTML 代码:
<div>
<div id="test" style="height:20px;margin:10px;"></div>
</div>
jQuery 代码:
var h = $("#test").outerHeight(true);
$("#test").html(h);
结果:
<div>
<div id="test" style="height:20px;margin:10px;">40</div>
</div>
</div>
1 0
- jquery outerHeight方法 outerWidth方法 获取元素实际宽度高度
- jquery outerHeight方法 outerWidth方法
- jquery outerHeight方法 outerWidth方法
- jquery 获取元素实际宽度高度
- jquery的outerWidth和outerHeight
- JQuery获取元素的实际高度
- jQuery获取页面及元素高度、宽度
- jquery获取跟设置元素高度宽度
- jquery获取隐藏元素的宽度高度
- JQUERY获取元素高度或宽度
- JQuery获取窗体可视宽度和高度的方法
- javascript,Jquery获取屏幕宽度和高度方法
- js获取Html元素的实际宽度高度
- js获取Html元素的实际宽度高度
- js获取Html元素的实际宽度高度
- js获取Html元素的实际宽度高度(offsetWidth)
- jquery innerheight/innerwidth,width/height,outerwidth/outerheight
- GetClientRect获取到的宽度和高度比实际小的问题解决方法
- Swift学习
- QT 开发 ActiveX(ActiveQT),框架的理解(陆续补充)
- Android 集成支付宝SDK
- 使用iCarousel的旋转木马效果请求图片
- C++ 虚函数表解析
- jquery outerHeight方法 outerWidth方法 获取元素实际宽度高度
- IT痴汉的工作现状12-叶志坚离职了
- SVWebViewController
- ASP.NET MVC5修改namespace的问题
- 学习编译原理的总结1
- 词法分析程序<一>
- C++类和对象的继承和派生
- Thinkphp学习笔记 调用Image类生成缩略图
- c# 中反射的扩展性