jQuery讲课大纲

一、入口函数

  1. jQuery(document).ready(function(){  })
  2. $(document).ready(function(){  })
  3. jQuery(function(){   })
  4. $(function() {   })

二、jQuery入口函数与与window.onload区别

  1. 能反复注册
  2. 执行时间不同

三、选择器

  1. 基本选择器
  2. 筛选器(:even , :eq(index) 等)
  3. 案例:表格隔行变色,可以讲2个版本,使用不使用:even和使用:even,体现出jQuery  write less do more的思想(重点:选择器,隐式迭代)

四、样式操作

  1. 案例:表格高亮显示鼠标所在行(分两步,一个是使用.addClass()和removeClass(),一个是演示.css({  })给多个属性设置样式)

五、DOM操作

  1. 创建节点
  2. 案例:表格增删
  3. 节点关系操作:siblings(),find()
  4. 案例:WOW点亮头像
  5. 节点关系操作:prevAll(), nextAll()
  6. 案例:五角星评分

六、jQuery事件

  简单事件 --> bind() --> delegate --> on

七、动画效果

  1. show() /  hide()
  2. slideDown() /  slideUp()
  3. fadeIn()  /  fadeOut()
  4. 案例:淡入淡出的轮播图
  5. animate()
  6. 案例:网页弹幕

八、AJAX

  1. ajax()
  2. get()
  3. post()

九、jQuery插件

  1. 自定义插件

十、延迟加载

  1.jQuery.lazyload.js

posted @ 2018-11-12 22:18  天天向上吧  阅读(234)  评论(0)    收藏  举报