width

英 [wɪdθ]   美 [wɪdθ, wɪθ, wɪtθ]  

#n.寬度;廣度

jquery width()方法 語法

作用：width() 方法傳回或設定符合元素的寬度。

傳回寬度：傳回第一個符合元素的寬度。如果不為此方法設定參數，則傳回以像素計的匹配元素的寬度。

語法：$(selector).width()

#設定寬度：設定所有符合元素的寬度。

語法：$(selector).width(length)

#參數：

參數說明
length    #可選。規定元素的寬度。如果沒有規定長度單位，則使用預設的 px 單位。

使用函數設定寬度：使用函數來設定所有符合元素的寬度。

語法：$(selector).width(function(index,oldwidth))

參數：

#參數描述
function(index,oldwidth) #規定傳回被選元素新寬度的函數。
index 可選。接受選擇器的 index 位置
oldvalue #可選。接受選擇器的目前值。

jquery width()方法 範例

<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $(".btn1").click(function(){
    $("p").width(200);
  });
});
</script>
</head>
<body>
<p style="background-color:yellow">This is a paragraph.</p>
<button class="btn1">改变宽度</button>
</body>
</html>
執行實例 »

#點擊 "執行實例" 按鈕查看線上實例

#