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

买了咱们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. 方式1和方式2的效果一样,都是监听html页面内本身就存在的元素的事件
  2. 方式3,监听html里动态添加的button元素的事件,但要求choose-type这个元素必须一开始就在页面内
  3. 方式4,监听页面内动态添加的choose-type里面的button元素的事件,注意:这个元素可以在页面里一开始就有,也可以是后面动态渲染进来的,都行,但不要把这个监听方式写在函数内。
© 版权声明
THE END
喜欢就支持一下吧
点赞8 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    请登录后查看评论内容