width

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

#n.寬度;廣度

jquery width()方法 語法

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

傳回寬度:傳回第一個(gè)符合元素的寬度。如果不為此方法設(shè)定參數(shù),則傳回以像素計(jì)的匹配元素的寬度。

語法:$(selector).width()

#設(shè)定寬度:設(shè)定所有符合元素的寬度。

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

#參數(shù):

參數(shù)說明
length? ??#可選。規(guī)定元素的寬度。如果沒有規(guī)定長度單位,則使用預(yù)設(shè)的 px 單位。

使用函數(shù)設(shè)定寬度:使用函數(shù)來設(shè)定所有符合元素的寬度。

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

參數(shù):

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

jquery width()方法 範(fàn)例

<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>
執(zhí)行實(shí)例 ?

#點(diǎn)擊 "執(zhí)行實(shí)例" 按鈕查看線上實(shí)例

#