width()

説明補足説明コードコメント投稿

このサンプルは、jQueryのwidth()メソッドを利用してdiv要素の幅を取得して表示します。サンプルの長方形をクリックするとdiv要素の幅が表示されます。

このサンプルは、jQueryのwidth()メソッドを利用してdiv要素の幅を取得して表示します。サンプルの長方形をクリックするとdiv要素の幅が表示されます。

width()
html要素の幅を取得するには、jQueryのwidth()メソッドを使用します。ここでは、div要素の幅を取得して表示します。document、windowの幅を取得するには、$(document).width()、$(window).width()のように記述します。 

$("div").click(function() {
  $("p").text("The width for this div is " + $(this).width() + "px.");
});

<div style="width:70px">70px</div>
<div style="width:80px">80px</div>
<div style="width:90px">90px</div>
<br />
<p></p>