6

.css()要素からスタイルを取得するために使用しています。しかし、Firefoxでは要素の値と要素から.css()値を取得していません。marginpadding

フィドルを参照してください: http://jsfiddle.net/howtoplease/fMTsW/

これは私のjqueryコードです:

$(document).ready(function(){
    $('input').each(function(){
        this.value = $('h3').css(this.name);
    });
});

私のhtmlコード

<h3 style="margin:20px;padding:20px;font-size:30px;font-family:'open sans';">
    I am heading 3
</h3>

<input name="margin" />
<input name="padding" />
<input name="font-size" />
<input name="font-family" />
4

3 に答える 3

10

CSS タグ 'margin & padding' は、実際には、上/左/下/右の 4 つの個別のマージン/パディング値の省略形です。css('marginTop') などを使用します。指定した場合、最後に「px」が付くことに注意してください。

結果を数値に変換するには、parseInt() を使用して結果を囲みます。

<input name="margin-top" />
<input name="padding-top" />

また

<input name="marginTop" />
<input name="paddingTop" />

これにより、値が得られます。この手法を使用すると、マージンとパディングの値を取得できます。

于 2013-07-19T03:15:42.717 に答える
5

これはmargin、 やのようなプロパティは簡略化されたプロパティであり、jQuery はやpaddingなどの独立した値を使用しているこれらの値を提供できないために発生します。margin-topmargin-right

さらに、次のような複数の単語を持つプロパティには、次のmargin-topようにアクセスする必要があります。marginTopつまり、2 番目の単語の最初の文字は大文字にする必要があります。

値の完全なセットの場合:

<input name="marginTop" />
<input name="marginRight" />
<input name="paddingTop" />
<input name="paddingRight" />
<input name="fontSize" />
<input name="fontFamily" />
于 2013-07-19T03:17:11.597 に答える