jquery - 複数の CSS プロパティの実装に関する問題

Question

jQuery を使用して要素の css を変更したい。

$('p').css({
    padding-left : '6px',
    border-left : '5px solid #555'
});

それは動作しません。

しかし、私が使用するとき

$('p').css('padding-left','6px');
$('p').css('border-left','5px');

できます...

ここで何が間違っていますか？

ありがとう

score 6 · Accepted Answer

プロパティ (スタイル属性) をクォート ('' または "") でラップする必要があります。

これは、ダッシュ (-) が含まれているためです。

$('p').css({
    'padding-left' : '6px',
    'border-left' : '5px solid #555'
});

score 3 · Accepted Answer

このように使用することをお勧めします：

$('p').css({
    paddingLeft : '6px',
    borderLeft : '5px solid #555'
});

CSS では、すべて小文字で区切られたハイフンを使用し、一重引用符または二重引用符-で囲みます。""このように js/jQuery で:

    'padding-left' : '6px',
    'border-left' : '5px solid #555'
//--^-----------^----------------------here

js ではすべての css プロパティにキャメルケースで次のようにアクセスできます。

    paddingLeft : '6px',
    borderLeft : '5px solid #555'
//--^^^^^^^^^^------------------------this way

score 2 · Accepted Answer

コードの最初の部分で引用符内でそれらを定義していないためです。

$('p').css({
    'padding-left' : '6px',
    'border-left' : '5px solid #555'
});

動作するはずです。

score 1 · Accepted Answer

引用符が欠落しているだけ

$('p').css({
    'padding-left' : '6px',
    'border-left' : '5px solid #555'
});

score 1 · Accepted Answer

1

試す

$('p').css({
    'padding-left':'6px',
    'border-left':'5px solid #555'
});

于 2013-03-28T14:01:57.233 に答える

5 に答える 5