幅

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

n.幅; 幅

jquery width() メソッド 構文

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

幅を返す: 最初に一致した要素の幅を返します。このメソッドにパラメータが設定されていない場合は、一致した要素の幅がピクセル単位で返されます。

構文: $(selector).width()

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

構文: $(selector).width(length)

##パラメータ:

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

#関数を使用して幅を設定する: 関数を使用して、一致するすべての要素の幅を設定します。

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

パラメータ:

パラメータ説明function(index,oldwidth) 新しい幅を返すように指定します。選択した要素の機能。 インデックス オプション。セレクターのインデックス位置 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>
インスタンスの実行 »

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