首页
文章列表
交流群
文档
登录
jquery里的各种监听事件的写法区别
2024-10-15 15:17:12
小程序码
文章目录
热门文章
整理下php学员遇到的一些问题
431
fastadmin监听或重写删除编辑按钮事件
285
phpstudy怎么手动安装php8.3.0版本?
275
文档:一个案例学会fastadmin插件开发
148
php基础入门课程资料文档课件
134
表单验证:密码和确认密码的验证和文字提示
76
百题斩:用递归方式扁平化嵌套数组
67
百题斩:字符串的逆序函数
60
案例代码:用油猴脚本统计b站课堂课程总时长
59
使用ffmpeg把mp4转为加密后的m3u8文件
55
买了咱们fastadmin课程的朋友遇到这样一个困惑,就是我在讲课时用到了好几种点击事件的监听方法,但是并没有深入讲解具体他们的区别,为什么要这么写,这就令一些对jquery比较陌生的朋友感到困惑了。 > jquery是一个比较古老的框架,但我们现在为什么还要用?因为fastadmin在用它,很多成熟的系统里也在用它;因为它太简单,学习成本极低。 ### 视频地址: https://www.bilibili.com/video/BV1Aw4m1o7S9/ 下面是咱们课程里用到的几种写法: ```js $('.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元素的事件,注意:这个元素可以在页面里一开始就有,也可以是后面动态渲染进来的,都行,但不要把这个监听方式写在函数内。