jQueryで追加した要素のイベント制御ができない

div要素の中に子div要素を作り、子div要素で発生したクリックイベントを親要素に伝搬させないようにしたい。

jQueryの古いバージョンであれば、live()という関数を使って、将来追加される要素に対してイベント処理を設定できたのだが、いつの間にか、この関数は廃止されたらしい。

代わりに、on関数を使う。

(例) JavaScript(jQuery)を用いて、div#groundの中にdiv#textboxを作るとき
jQueryEvent01

以下のようなコードを書く。

$("div#ground").on('click', "div.textbox", function(e) {
    // マウスクリックされたときの処理
    e.stopImmediatePropagation(); //これがないと、div#groundにもイベントが伝搬してしまう。
})