jquery 冒泡与委托

jQuery是一种十分强大的JavaScript类库，它让操作HTML文档变得更加容易、简洁、有趣。与此同时，它提供了一些十分有用的功能，如冒泡与委托。

冒泡指的是当在一个父元素上绑定事件后，如果该父元素内部嵌套了多个子元素，那么在子元素上触发点击事件的时候，事件会一直向父元素传播，直到被处理或者被阻止。在jQuery中，使用事件绑定函数如 click() 、mouseover() 等时，会对应使用事件绑定函数如 on() 、delegate() 等。

$("parent").on("click", "child", function(){
    console.log("click on child!");
});

以上代码使用了jQuery的 on() 方法来绑定一个事件。该方法需要传入三个参数，分别是事件类型、选择器和函数。其中，选择器是一个可选参数，表示要绑定事件的元素，如果省略，则等同于直接在 parent 元素上添加事件，效果同 click() 方法。但是如果传入了选择器参数，则表示在 parent 中选择符合条件的元素，并设置事件代理。在这种情况下，只有符合选择器条件的子元素被触发事件时，才会执行事件函数。

对于大多数情况下来说，使用事件委托是十分优秀的一种方式，它可以在性能上得到明显的提升，在代码量上也更加简洁易懂。如果您还没有尝试过事件委托，强烈推荐您尝试一下。