jqueryを使用してインラインスタイルを適用する方法は？

Question

jqueryを使っていくつかのスタイルを与えたいと思います。私は私のウェブサイトにいくつかのポップアップページを読み込む。

このようにしてみました。

$("#myCountDiv").css({ "bottom":"298","position":"relative"}); 

$("#myInnerContainer").css({"margin-top:35"}); 

どちらも機能しません。私を助けてください。どのようにこれらのスタイルをそれらのdivにアプレイできますか？最初の例が動作していない

おかげ

Answer 1

プロパティはキーと「35」は「35px」にする必要があるので、「底部」、「298px」と下の例では、動作していないする必要がありますので、 。

例：

$("#myCountDiv").css({bottom: '298px', position: 'relative'}); 
$("#myInnerContainer").css({marginTop: '35px'}); 

より多くの例hereを見てください。

Answer 2

私はいつもその.css（）プロパティと混同されますが、あまりにも多くのオプションがあり、それぞれに独自のルールがあります。

すべてのオプションを混乱させる代わりに、id 'はこれを覚えておいてください。

$('div').css({ 
    'property':'value', 
    'bottom':'298x', 
    'position':'relative', 
    'margin-top':'35px', 
}); 

CSSと同じですが、プロパティと値の前後に引用符を付ける必要があります。あなたも絶対キーを使用することができたときに混乱が入って来ていますが、ことを、あなたはハイフン持つ任意のキーキャメルバックする必要がないとき：

$('div').css({ 
    bottom:'298x', 
    position:'relative', 
    marginTop:'35px', 
}); 

それはちょうど最初の方法に固執する方が良いでしょうが。