买了咱们fastadmin课程的朋友遇到这样一个困惑,就是我在讲课时用到了好几种点击事件的监听方法,但是并没有深入讲解具体他们的区别,为什么要这么写,这就令一些对jquery比较陌生的朋友感到困惑了。
jquery是一个比较古老的框架,但我们现在为什么还要用?因为fastadmin在用它,很多成熟的系统里也在用它;因为它太简单,学习成本极低。
视频地址:
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和方式2的效果一样,都是监听html页面内本身就存在的元素的事件
- 方式3,监听html里动态添加的button元素的事件,但要求choose-type这个元素必须一开始就在页面内
- 方式4,监听页面内动态添加的choose-type里面的button元素的事件,注意:这个元素可以在页面里一开始就有,也可以是后面动态渲染进来的,都行,但不要把这个监听方式写在函数内。
© 版权声明
文章版权归作者所有,未经允许请勿转载。
THE END
请登录后查看评论内容