jQueryの一歩進んだ知識

Namespace Events(名前空間)

jQueryはイベントに名前空間を持たせることができる。html/cssで言ったらクラスをつけるのに似ている。

イベント(clickだとかscrollだとか)に名前空間をつけるメリットとして、off()でイベントを削除するときに、その名前空間を持ったイベントのみを消すことができることが挙げられる。

namespace.js

$("button").on("click.event1", submit())
           .on("click.event2", confirm())
           .on("mouseover.event1", changeColor());

//buttonのclickイベントがすべて消える
$("button").off("click");

//.event1に属するclickイベントのみ消える
$("button").off("click.event1");

//.event1に属するイベントがすべて消える
$("button").off(".event1");