jQuery/css模块/筛选模块/文档处理模块/时间模块

1.css模块

        ①位置坐标：

                ---offset()读写当前元素坐标（原地是页面左上角）

                ---position()读写当前元素坐标(原点是父元素左上角)

                ---scrollTop()/scrollLedt() 读写元素页面的滚动坐标

          ②尺寸

                ---width()/height():width/height

                ---innerWidth()/innerHeight():内容+内边距

                ---outerWidth()/outerHeight():内容+内边距+边框

2.筛选模块

        ①过滤：jQuery对象内部元素的集合中找出部分匹配的元素，并将其封装为新的对象返回

              ---first()

              ---last()

              ---eq(index)

              ---filter(selector):根据选择器过滤------选择符合选择器的当前元素

              ---nor(selector):根据选择器过滤--------选择不符合选择器的当前元素

              ---has(selector):根据选择器过滤--------选择符合选择器的子孙元素

        ②查找：jQuery对象内部元素的集合中查找子孙/兄弟/父母元素，并将其封装为新的jQuery对象返回

              --children(selector)子元素

              ---find(selector)：后代元素

              ---preAll(selector):前面的兄弟

              ---siblings(selector):所有兄弟

              ---parent():父元素

3.文档处理模块

①.增加

              ---append() /appendTo:插入后部

              ---preppendTo():插入前部

              ---before():插到前面

              ---after():插入到后面

②删除

              ---remove():将自己直接移除

              ---empty():掏空(自家还在)

③更新

              ---replaceWith()

4事件模块

①绑定事件

              ---eventName(function () {})

              ---on('eventName',function () {})

              ---常用：click mouseenter/mouseleave   mouseover/mouseout   focus  blur

②解绑事件

              ---off('eventName')

③事件委托

              --将子元素事件委托给父辈元素处理

              ---事件监听绑定在父元素上，但事件发生在子元素上

              ---事件会冒泡的父元素上        

              --最终调用的事件回调函数是子元素：event.target

        好处：新增的元素没有事件监听

                    减少监听的数量

        编码：delegate（selector，eventName，function（）{}）

                    undelegate('eventName')

④事件相关

        停止事件冒泡

        阻止事件的默认行为：event.preventDefault()

⑤时间的坐标

        event.offsetX:原点是当前元素左上角

        event.clientX:原点是窗口左上角

        event.pageX:原点是页面左上角