jquery里的各种监听事件的写法区别

买了咱们fastadmin课程的朋友遇到这样一个困惑，就是我在讲课时用到了好几种点击事件的监听方法，但是并没有深入讲解具体他们的区别，为什么要这么写，这就令一些对jquery比较陌生的朋友感到困惑了。

视频地址：

https://www.bilibili.com/video/BV1Aw4m1o7S9/

下面是咱们课程里用到的几种写法：

$('.choose-type button').click(function(){
//xxx
})

$('.choose-type button').on('click',function(){
//xxx
})

$('.choose-type').on('click','button',function(){
//xxx
})


$(document).on('click','.choose-type button',function(){
//xxx
})

具体区别：

1. 方式1和方式2的效果一样，都是监听html页面内本身就存在的元素的事件
2. 方式3，监听html里动态添加的button元素的事件，但要求choose-type这个元素必须一开始就在页面内
3. 方式4，监听页面内动态添加的choose-type里面的button元素的事件，注意：这个元素可以在页面里一开始就有，也可以是后面动态渲染进来的，都行，但不要把这个监听方式写在函数内。