.on()の使い方2

$(セレクタA).on(イベント, セレクタB, 関数)は、セレクタAにマッチする要素はそこにないといけませんが、セレクタBにマッチする要素は後から動的に追加しても、イベントハンドラが実行されます。


下のリストの各項目は、マウスが乗ると動くようにしてある。(.effect('shake')はjquery-uiが必要なので試す場合はご注意を。)

下のボタンをクリックすると、リストに要素を追加しますが、追加した項目も、マウスが乗ると動きます。