《jQuery视频教程》学习前端的小伙伴,对jQuery都不陌生,它是简洁的JavaScript库,可以快速开发交互动画。通过本课程的学习,我们可以用最少的代码做更多的事,让我们一起出发学习吧!
课程播放地址:http://www.php.cn/course/205.html
该老师讲课风格:
讲课亲切自然,朴实无华,没有矫揉造作,也不刻意渲染,而是娓娓而谈,细细道来,师生之间在一种平等、协作、和谐的气氛下,进行默默的情感交流,将对知识的渴求和探索融于简朴、真实的教学情景之中,学生在静静的思考、默默的首肯中获得知识
本视频中较为难点是jQuery事件了:
简介
jquery 之所以成为最受欢迎的前端库,很大一部分是得益于它的事件具有良好的语义,优秀的兼容性,并且便于管理和扩展。
在这里我会介绍 jquery 事件的一些比较基础的用法。
实现原理
jquery 事件脱胎于浏览器的 addEventListener (W3) 和 attachEvent (IE) 方法 , 提供了跨浏览器的一致性API。具体的实现原理可以参考Aaron的系列文章
jquery源码分析-事件。
事件操作
绑定事件
jquery 中实现事件绑定有多种方式,其中 $(selector).event(func) 方式中 event 支持一系列的浏览器事件,文档加载事件,表单事件,键盘事件和鼠标事件,但并非全部。
// 常用的写法$('body').click(function(){ }) $('body').on('click',function(){ }) $('body').one('click',function(){ }) // 只会执行一次,然后销毁事件 // 其他写法(不推荐) $('body').bind('click',function(){ }) $('body').delegate('p','click',function(){ })
这里还给大家推荐了源码资源的下载:http://www.php.cn/xiazai/learn/2112
资源里面给大家分享了视频课件、ppt以及源码
以上是jQuery视频教程课件源码分享的详细内容。更多信息请关注PHP中文网其他相关文章!