jQuery讲课大纲
一、入口函数
- jQuery(document).ready(function(){ })
- $(document).ready(function(){ })
- jQuery(function(){ })
- $(function() { })
二、jQuery入口函数与与window.onload区别
- 能反复注册
- 执行时间不同
三、选择器
- 基本选择器
- 筛选器(:even , :eq(index) 等)
- 案例:表格隔行变色,可以讲2个版本,使用不使用:even和使用:even,体现出jQuery write less do more的思想(重点:选择器,隐式迭代)
四、样式操作
- 案例:表格高亮显示鼠标所在行(分两步,一个是使用.addClass()和removeClass(),一个是演示.css({ })给多个属性设置样式)
五、DOM操作
- 创建节点
- 案例:表格增删
- 节点关系操作:siblings(),find()
- 案例:WOW点亮头像
- 节点关系操作:prevAll(), nextAll()
- 案例:五角星评分
六、jQuery事件
简单事件 --> bind() --> delegate --> on
七、动画效果
- show() / hide()
- slideDown() / slideUp()
- fadeIn() / fadeOut()
- 案例:淡入淡出的轮播图
- animate()
- 案例:网页弹幕
八、AJAX
- ajax()
- get()
- post()
九、jQuery插件
- 自定义插件
十、延迟加载
1.jQuery.lazyload.js

浙公网安备 33010602011771号