jQueryでCSSの値に数値を足したり引いたりする!

2015/12/26

こんにちは。
今回はjQueryでCSSの値に数値を足したり引いたりする!です。

けっこうWeb制作をしていて、この数値に足したり引いたりしたいって時って、けっこうありますよね。
CSSだけでは計算できないので、jQueryでやってみたいと思います。

jQueryでCSSの値に数値を足したり引いたりする!

CSSの値に数値を足す場合

.boxの高さに100px足しています。
数値を足す場合は「+=Npx」と記述します。

 

CSSの値に数値を引く場合

.boxの高さに100px引いています。
数値を引く場合は「-=Npx」と記述します。

 

コアjQuery+プラグイン/jQuery UI 開発実践技法 (Programmer's SELECTION)
コアjQuery+プラグイン/jQuery UI 開発実践技法 (Programmer’s SELECTION)

 

いかがでしたか。簡単にできますね。
以上でjQueryでCSSの値に数値を足したり引いたりする!でした。

topへ戻る