第四章：JQuery基础---核心对象属性、CSS、文档、筛选、事件、效果、

一：属性/文本

   操作标签的属性, 标签体文本
   attr(name) / attr(name, value): 读写非布尔值的标签属性
   prop(name) / prop(name, value): 读写布尔值的标签属性
   removeAttr(name)/removeProp(name): 删除属性
   addClass(classValue): 添加class
   removeClass(classValue): 移除指定class
   val() / val(value): 读写标签的value
   html() / html(htmlString): 读写标签体文本

二：CSS模块

   style样式
     css(styleName): 根据样式名得到对应的值
     css(styleName, value): 设置一个样式
     css({多个样式对}): 设置多个样式
   位置坐标
     offset(): 读/写当前元素坐标(原点是页面左上角)
     position(): 读当前元素坐标(原点是父元素左上角)
     scrollTop()/scrollLeft(): 读/写元素/页面的滚动条坐标
   尺寸
     width():width

     height(): height

     innerWidth():width + padding

     innerHeight(): height+padding

     outerWidth(false/true):width + padding + border   如果是true, 加上margin

     outerHeight(false/true): height+padding+border   如果是true, 加上margin

三：文档模块

1.添加节点
    append( ) 
        向当前匹配的所有元素内部的最后插入指定内容
    prepend( ) 
        向当前匹配的所有元素内部的最前面插入指定内容
    before( )
        将指定内容插入到当前所有匹配元素的前面
    after( )
        将指定内容插入到当前所有匹配元素的后面

2.替换节点
    replaceWith( ) 
        用指定内容替换所有匹配的标签

3.删除节点
    empty( ) 
        删除所有匹配元素的子元素
    remove( ) 
        删除所有匹配的元素

四：筛选模块

（1）过滤
     在jQuery对象内部的元素中找出部分匹配的元素, 并封装成新的jQuery对象返回
     first()
     last()
     eq(index | -index)
     filter( ): 对当前元素提要求
     not( ): 对当前元素提要求, 并取反
     has( ): 对子孙元素提要求

（2）查找
     查找jQuery对象内部的元素的子孙/兄弟/父母元素, 并封装成新的jQuery对象返回
     children( ): 子元素
     find( ): 后代元素
     preAll( ): 前的所有兄弟
     siblings( ): 所有兄弟
     parent( ): 父元素

五：事件模块

（1）绑定事件
     绑定对应事件名的监听：eventName(function(){})
     通用的绑定事件监听：on(eventName, function(){})
（2）解绑事件
     off(eventName)

   事件坐标
      event.offsetX: 原点是当前元素左上角
      event.clientX: 原点是窗口左上角
      event.pageX: 原点是页面左上角
   事件相关
     停止事件冒泡: event.stopPropagation()
     阻止事件的默认行为: event.preventDefault()

（3）事件委托
     理解: 将子元素的事件委托给父辈元素处理
       事件监听绑定在父元素上, 但事件发生在子元素上
    　事件会冒泡到父元素
       但最终调用的事件回调函数的是子元素: event.target
     好处：
       新增的元素没有事件监听
       减少监听的数量(n==>1)

  绑定委托事件监听：delegate()

  delegate(selector, eventName, function(event){}) // 回调函数中的this是子元素

  移除委托事件监听： undelegate(eventName)

六：效果模块

（1）滑动动画
    不断改变元素的高度来实现的
    slideDown()
        带动画的展开
    slideUp()
        带动画的收缩
    slideToggle()
        带动画的切换展开/收缩

（2）淡入淡出动画（不断改变元素的透明度来实现的）
    不断改变元素的透明度来实现的
    fadeIn()
        带动画的显示
    fadeOut()
        带动画隐藏
    fadeToggle()
        带动画切换显示/隐藏

（3）显示/隐藏动画（显示隐藏，默认没有动画）
    不断改变元素的尺寸和透明度来实现
    show()
        (不)带动画的显示
    hide()
        (不)带动画的隐藏
    toggle()
        (不)带动画的切换显示/隐藏

（4）自定义动画（在指定时间内不断改变元素样式值来实现的）
    animate()
        自定义动画效果的动画
    stop()
        停止动画