2011-07-19 4 views
2

これはおそらくあまりにも基本的ですが、これがどのように行われているのかわかりません。jQuery(基本的な構文の質問):1つの.cssでいくつかのパラメータを変更する

div要素の1つのCSSプロパティを変更するには、私はこれを行う:

$('#myDiv').css('width', '300'); 

私は、幅と高さの両方を変更したい場合は?

この -

$('#myDiv').css('width', '300', 'height', '250'); 

- 動作しませんでした。

$('#myDiv').css('width', '300').css('height', '250'); 

を - しかし、それのためのよりエレガントな、簡単な構文があります場合、私は思ったんだけど:それをチェーン

で動作します。誰かのアドバイスに感謝します。

答えて

5

はjQueryの均等に複数のワードプロパティのCSSとDOMのフォーマットを解釈できるofficial documentation

からこの

$('#myDiv').css({width: '300', height: '250'});

を試してみてください。たとえば、jQueryは.css({'背景色': '#ffe'、 'border-left': '5px solid #ccc'})と.css({backgroundColor: '# ffe '、borderLeft:' 5px solid #ccc '})。 DOM表記では、プロパティ名の前後の引用符はオプションですが、CSS表記では名前のハイフンのために必要です。

+0

ありがとう、クラウディオ。それを試してみました。うまくいきませんでした。他の方法はありますか? –

+2

は '$( '#myDiv').css({width: '300'、height: '250'});'でなければなりません。 '、' – hunter

+0

@hunterの代わりに ':'に注目してください:ありがとう!私のせい、コピー貼り間違い: –