您的位置:首页 - jQuery
jquery获取元素的各种宽度
width() 方法设置或返回元素的宽度(不包括内边距、边框或外边距)。

innerWidth() 方法返回元素的宽度(包括内边距)。

outerWidth() 方法返回元素的宽度(包括内边距和边框)。

outerWidth(true) 方法返回元素的宽度(包括内边距、边框和外边距)。

示例:
<script type="text/javascript" src="http://keleyi.com/keleyi/pmedia/jquery/jquery-1.11.1.min.js"></script>
<a href="http://keleyi.com/a/bjad/4js8oi65.htm" target="_blank">原文</a>
<div id="keleyiwidth"
style="background-color:silver;width:200px;padding:20px 10px 15px 30px;border:2px solid green;margin:11px 22px 33px 44px">
</div>
<span id="keleyiresult"></span>
<script type="text/javascript">
$(document).ready(function () {
$("#kele"+"yiresult").text("width():" + $("#keleyiwidth").width()
+ " innerWidth():" + $("#kel"+"eyiwidth").innerWidth()
+ " outerWidth():" + $("#keleyiwidth").outerWidth()
+ " outerWidth(true):" + $("#keleyiwidth").outerWidth(true)
);
})
</script>


效果如下:


或者查看:
http://keleyi.com/keleyi/phtml/jquery/21.htm
本站导航
相关文章
柯乐义 Copyright© keleyi.com