jQuery cssメソッドとJavaScriptのstyleプロパティの違い

jQuery、JavaScriptともcssを操作することができる。しかし、JavaScriptのstyleプロパティはインラインcssのみ操作できるのに対してjQueryはインラインに限らずcssを操作できる。

次の例はstyle要素でHTML文書中に指定したcssの取得とインラインcssを取得した場合である。

<style type="text/css">
div {
    margin:10px 5px;
}
</style>
<div id="c1" style="font-size:15px;"></div>
<div id="c2" style="color:#3333ff;">試験</div>
<div id="c3" style="color:red;">確定申告</div>
試験
確定申告

style要素でHTML文書中に指定したcssのmargin-topとmargin-leftを取得


インラインで指定されたcssのfont-sizeを取得