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を取得