幅

UK [w?dθ] US [w?dθ, w?θ, w?tθ]

n.幅; 幅

jquery width() メソッド 構(gòu)文

関數(shù): width() メソッドは、一致する要素の幅を返すか設(shè)定します。

幅を返す: 最初に一致した要素の幅を返します。このメソッドにパラメータが設(shè)定されていない場(chǎng)合は、一致した要素の幅がピクセル?yún)g位で返されます。

構(gòu)文: $(selector).width()

幅の設(shè)定: 一致するすべての要素の幅を設(shè)定します。

構(gòu)文: $(selector).width(length)

##パラメータ:

パラメータ説明長(zhǎng)さ オプション。要素の幅を指定します。長(zhǎng)さの単位が指定されていない場(chǎng)合は、デフォルトのピクセル?yún)g位が使用されます。

#関數(shù)を使用して幅を設(shè)定する: 関數(shù)を使用して、一致するすべての要素の幅を設(shè)定します。

#構(gòu)文: $(selector).width(function(index,oldwidth))

パラメータ:

パラメータ説明function(index,oldwidth) 新しい幅を返すように指定します。選択した要素の機(jī)能。 インデックス オプション。セレクターのインデックス位置 oldvalue オプションを受け入れます。セレクターの現(xiàn)在の値を受け入れます。

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>
インスタンスの実行 ?

[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します