jquery - jQueryCSSプロパティ名に一貫性がありません

Question

プロパティ名が異なる理由：

$(elem).css('padding-top')

と

$(elem).css('marginTop')

？すべきではありません：

$(elem).css('margin-top')

代わりは？

Answer 1

「camelCase」または「hyphen-separated」形式のプロパティを使用できます。どちらも機能します。以下については、 jQueryのドキュメントを.css()参照してください。

jQueryは、複数の単語のプロパティのCSSとDOMのフォーマットを同等に解釈できます。たとえば、jQueryはとの両方の正しい値を理解して返し.css('background-color')ます.css('backgroundColor')。

したがって、例を使用するには、次のすべてが機能します。

$(elem).css('marginTop')
$(elem).css('margin-top')
$(elem).css('paddingTop')
$(elem).css('padding-top')

Answer 2

2つのことがあります。CSSがそれをどのように認識し、 JavaScriptを使用してどのようにアクセスできるか。CSSでは、次のようになります。

#element {margin-top: ...;}

JavaScriptでは、次のようになります。

document.getElementById('element').style.marginTop

はい、JavaScriptの方法とCSSの方法の両方でcss()関数に渡すことができます。