DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery常見問題 >> jquery獲取元素的各種寬度
jquery獲取元素的各種寬度
編輯:JQuery常見問題     
width() 方法設置或返回元素的寬度(不包括內邊距、邊框或外邊距)。

innerWidth() 方法返回元素的寬度(包括內邊距)。

outerWidth() 方法返回元素的寬度(包括內邊距和邊框)。

outerWidth(true) 方法返回元素的寬度(包括內邊距、邊框和外邊距)。

示例:
<script type="text/javascript" src="http:///keleyi/pmedia/jquery/jquery-1.11.1.min.js"></script>
<a href="http:///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/phtml/jquery/21.htm
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved