8月15号内容

第一节课: jquery简介以及jqueryDOM操作

  • jquery 主要功能集中于下面几个方面:

  • DOM操作,position处理,事件处理,ajax请求,动画,data,以及utils

  • DOM操作主要是对DOM,样式,属性的修改

    • 1 DOM 选择(Sizzle)

      1) selector

    s1

      2) DOM 操作
           1) 内部操作   append/appendTo/html/prepend/prependTo/text/
           2) 外部操作 after/insertAfter before/insertBefore
           3)  包裹 wrap/unwrap
           4) 移除元素 remove/empty/detach
           5)寻找元素 closest/parents/prevAll/prevUntil/parent
    
    • 2 CSS/ Class相关

      1) class hasClass/removeClass/toggleClass/addClass 2) css http://api.jquery.com/category/css/

    • 3 属性

      attr/prop/removeAttr/removeProp/val 注意区分attr和prop的区别,可以通过http://api.jquery.com/attr/

  • 注意区分height(), css(‘height’) innerHeight()的区别

  • offset/position 做tooltip的时候讲解

第二节课: 事件操作

  • 1) 浏览器相关函数 error/resize/scroll/ready
  • 2) 事件注册

    bind/unbind/delegate/undelegate/on/one/off/trigger
    注意区分:
    one/on的区别
    bind/delegate/on的区别
    on 是最底层的,优先使用on
    

    s2

第三节课:

 封装一个tab

作业:

实现psd图里面的页面