liguofeng29’s blog

個人勉強用ブログだっす。

jQuery - DOMのCSS操作

jQueryを通してDOMのCSSを操作できる。

class関連

  • addClass(class)
  • hasClass(class)
  • removeClass(class)
  • toggleClass(class) : classがあれば追加、なければ削除!!

css関連

  • css(name) : 取得
  • css(name, value) : 単一設定
  • css(properties) : 複数設定

位置関連

  • offset() : document内相対位置取得
  • position() : 親要素相対位置取得
  • scrollTop() : scroll top値
  • scrollTop(val) : scroll top値設定
  • scrollLeft() : scroll left値
  • scrollLeft(val) : scroll left設定

サイズ関連

  • height() : 高取得
  • height(val) : 高設定
  • width() : 幅取得
  • width(val) : 幅設定
  • innerHeight() : 内部高取得
  • innerWidth() : 内部幅取得
  • outerHeight([options]) : 外部高取得, options=trueの場合、border含む?
  • outerWidth([options]) : 外部幅取得, options=trueの場合、border含む?

CSS属性名のカスタマイズ