デモ - 【jQuery入門 4】on()

公式のドキュメントを見ながらどうぞ。

jQuery API Documentation

英語ですが、だいたいの単語がわかれば(ぐぐれば)問題ないです。

DEMO 01 : click

class「demo01_trigger」を持つ要素「真田信繁」をクリックしたとき、アラート「メソポタミア文明」を出す

真田信繁

DEMO 02 : focus

class「demo02_trigger」を持つ要素「てーれってってー」にフォーカスしたとき、「てーれってってー」の枠を強調する
+ 「てーれってってー」の親要素の背景色を変更する

DEMO 03 : click + mouseover + mouseleave

class「demo03_trigger」を持つ要素「むちむちとしたおしりの誘惑」がクリックされたとき、class「demo03_target」を持つ要素「ペンギンのおしり」を表示する
+ 「むちむちとしたおしりの誘惑」にマウスオーバーしたときに、「むちむちとしたおしりの誘惑」の背景色を変更する
+ 「むちむちとしたおしりの誘惑」からマウスカーソルを外すと背景色をtransparentに変更する

むちむちとしたおしりの誘惑

ペンギンのおしり