動的に追加したDOM要素にイベントハンドラを設定する

javascriptなどでready後に動的に追加したDOM要素に，イベントハンドラを設定するためには，onメソッドを使う必要がある．
参考にしたサイト

http://www.jquerystudy.info/tutorial/intro/event2.html
http://linuxserver.jp/%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0/javascript/jquery/live.php
http://runble1.com/jquery-on-click/

使い方

$(セレクタ).on(イベント名,要素,イベント{
});

セレクタには追加した要素の親要素を設定する必要がある
イベント名は'click'など

サンプル

$('.task').on('click','div',function(){
// do something
);

注意

似たようなメソッドにlive関数があるが，少なくともjquery5.0では廃止されている