javascript - 两个提到的语法在 jquery 中的 'on' 函数中有区别吗？

Question

我想知道以下两种语法之间的区别是什么？

1:

$('#highlights').on(
    'click', 'li', function(){
        var id = this.id;
        var url = $(this).data('imgurl');
        alert(url);
    }
);

2:

$('#highlights li').on(
    'click', function(){
        var id = this.id;
        var url = $(this).data('imgurl');
        alert(url);
    }

);

Answer 1

第一个适用于#highlights 元素中的任何 li，第二个适用于绑定(bind)click 函数时#highlights 元素中的任何li。 IE。 - 如果我使用 jquery 来做:

 $('#highlights li').on('click', function(){
    var id = this.id;
    var url = $(this).data('imgurl');
    alert(url);
});

$('#highlights').append('<li>click this</li>');

如果我点击那个新元素，什么也不会发生。对于第一个，它仍然可以工作。