jQueryのonの高度な使い方

委託メカニズム

.on( events ,[ selector ] ,[ data ], handler(eventObject) )

onの第2のパラメータの中で1つのselectorセレクタを提供して、簡単に説明します
下記3層構造参照

    

        ターゲットノード //        
    

次のコードが表示されます.

$("div").on("click","p",fn)

イベントは最上位のdiv要素にバインドされ、ユーザーがa要素にトリガすると、イベントは上に泡が立ち、div要素に泡が立ち続ける.第2のパラメータが指定されている場合、イベントが泡を上げる過程でセレクタが一致する要素に遭遇し、イベントコールバック関数がトリガーされます.
転載先:https://www.cnblogs.com/dorra/p/7518168.html