jQueryにおけるbind()とon()バインドイベントの違い

.on()方法.bind()方法より1つ多いパラメータselector.on()のselectorパラメータは、.on()メソッドを呼び出すdom要素をフィルタする指定されたサブ要素である.
$("ul").on('click','li', function(){})
動的に追加された要素にも指定されたイベントをバインドできます
ケース:

    

        
1
        
2
        
3
        
4
    

    
        $("ul li").bind('click', function() {
            alert("boom!");
        });
        // $("ul li").on('click', function() {
        //     alert("boom!");
        // });
        //        
        $("ul").append("<li>5</li>");
    

リスト5をクリックしてもメッセージボックスはポップアップされません.on()にselectorパラメータliを追加します.

    

        
1
        
2
        
3
        
4
    

    
        $("ul").bind('click','li', function() {
            alert("boom!");
        });
        $("ul").append("<li>5</li>");
    

リスト5をクリックしてメッセージボックスboomをポップアップします!