fv17の日記 - Coding Every Day

Webエンジニアの備忘用ブログです。主にWeb界隈の技術に関して書いています。

jQuery - CSSを操作する方法一覧

CSSのclassを操作

ある要素にCSSのclassを追加

$('要素').addClass('class名')

ある要素からCSSのclassを削除

$('要素').removeClass('class名')

CSSのプロパティを操作

ある要素にCSSのプロパティを追加

$('要素').css('プロパティ名', '値')

複数設定したい場合は、

$('要素').css({'プロパティ':'値', 'プロパティ':'値'});

例えば、

  • 赤文字にする
$('要素').css('color', 'red')
  • 非表示にする
$('要素').css('display', 'none')