jQuery

jQueryで幅の取得と設定(width,innerWidth,outerWidth)

jQueryで要素やブラウザの横幅を取得する方法です。

横幅といってもborderを含んだりpaddingの内側だったりとさまざまな取得方法があります。

ブラウザの横幅はスクロールバーが含まれないため、含める方法も併せてご紹介します。

 

続きを読む

jQueryでcssを追加、削除(複数追加や!importantの追加も)

jQueryでcssを1つ追加したり、複数追加する方法です。

直接HTMLにスタイルを追加することになるのであまりオススメはできませんが、あらかじめ外部cssに設定できない動的なスタイルなどで使う場面も意外と多いものです。

cssの!importantの指定方法も併せてご紹介します。

 

続きを読む

jQueryでclassを追加したり削除する〜addClass,removeClass,toggleClass

jQueryでスタイルやアニメーションを適用する方法もありますが、本来レイアウトやスタイリングはcssで行うべきでしょう。

classにcssを設定しておき、あるタイミングでそのclassをjQueryで追加するという方法です。

今回はclassを追加するだけでなく、逆にclassを消したり、classの追加と削除を交互に繰り返してくれる便利なメソッドも併せてご紹介します。

cssとjavascriptの役割を明確にする意味でもよく使われるので、覚えておきたいですね。

続きを読む