[解決済み] jQueryで幅と高さを動的に設定する方法

質問

の幅と高さを設定したい。 div 要素の幅と高さをjQueryを使って動的に設定したいです。

を置き換えようとしていたのですが

<div id="mainTable" style="width:100px; height:200px;"></div>

をこれを使って

$("#mainTable").css("width", "100");
$("#mainTable").css("height", "200");

が、うまくいきません。

なぜなのか、ご教授ください。

皆さんありがとうございます。

問題は、数字の引用符にありました。これは問題なく動作します。

$("#mainTable").css("width", 100);
$("#mainTable").css("height", 200);

どのように解決するのですか？

こうすればいいんです。

$(function() {
  $("#mainTable").width(100).height(200);
});

これには2つの変更があります。 .width() と .height() のコードを実行するだけでなく document.ready イベント上でコードを実行します。

がなければ $(function() { }) ラッパー（または $(document).ready(function() { }) を使用することもできます)、その要素はまだ存在しないかもしれませんので、その場合は $("#mainTable") は何も見つけられませんでした。 動作する例をここで見ることができます .