jQueryで関数を使用

関数はjQueryなど、複数の処理をまとめて一つにしたものです。

functionその後に関数名の後に()を記述し{}の中に処理内容を書きます。

便利なのは、複数回同じ処理を書かなくて済むので、必要な時にまとめて使いまわすことができます。

liやクラス名「btn」をクリックやマウスオーバーした時のaタグの動作を実際に関数で記述すると下記のようになります。

a要素に対するcssの変更を関数にすることで、いちいち処理を書かずに、簡潔に書くことができます。