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