[jQuery]onメソッドのselectorについて

これは、便利

<script>
jQuery(function($){
  $("#hoge").on("click","#bar",function(e){
    console.log("dddd")
  });
});
</script>
<div id="hoge" style="width:1000px;height:1000px;border:1px solid red;">
  <div style="width:100px;height:100px;border:1px solid blue;">hoge1</div>
  <div style="width:100px;height:100px;border:1px solid yellow;" id="bar">hoge2</div>
  <div style="width:100px;height:100px;border:1px solid grey;">hoge3</div>
</div>

この場合、id="bar"だけクリックするとイベントがトリガーされる。

なんでかというと、onメソッドで子要素として指定しているから。

動的にDOMを追加したときに、それに対してイベントバインドさせたいときなんかに、これは使えるかも。