1.jquery就是一个js库

2.jquery这个库向外暴露了jQuery或者$()这个函数。

3.得到一个jquery对象 let obj=$('#id')

4.$()此时$代表函数，$.each()此时$代表对象。

参数是选择器字符串返回一个jquery对象。注意只有jquery对象才能够调用val()...html()的jquery方法。

5.jquery对象里面包含的是dom元素的伪数组，可能也只有一个dom元素。

$('<input type="text" name="" id="hello">')  = $('#hello')

要分清dom对象还是jquery对象。$()返回的是jquery对象。

6.伪数组是一个对象

7.选择器:

交集选择器:不使用任何分隔符，选择同时满足多个条件的元素，只有同时匹配两个选择器的元素才会被选中。(例如div.name)选的就是div并且有class=name的div。

子代选择器：使用 >，选择所有被父元素包含的直接子元素，更深一层的元素不起作用。

兄弟选择器：使用 ~，在同一父元素下选择在指定元素之后的所有兄弟元素

兄弟选择器用来选择与某元素位于同一个父元素之中，且位于该元素之后的兄弟元素。兄弟选择器分为临近兄弟选择器和普通兄弟选择器两种，对它们的讲解如下。

临近兄弟选择器

该选择器使用加号“+”来连接前后两个选择器。选择器中的两个元素有同一个父元素，而且第二个元素必须紧跟第一个元素。

$('li:gt(0):lt(2)').css('background-color','red')

大于0就是除去第一个，小于2除去第一个后选2个

8.$.attr(attr,value):用来追加一个属性,这是一个jquery方法。操作css属性值为费布尔值。

$(:checkboxs).prop('checked',true):专门操作css属性值为布尔值的属性.

9:$('p:eq(index)')选择索引下表为index的p标签

10.$.offset()获取元素对于页面的位置。$.position()获取元素相对于父元素左上角的位置

$.scrollTop():获取元素的滚动条的坐标

11.jquery返回的伪数组是一个对象，里面都是dom元素,比如$('div')返回的是一个{div,div,div........}对象。$('div').first()得到的是第一个的div的jquery对象。$('div')[0]得到的是div的dom元素。

12.事件绑定

mouseover在父元素在嵌套子元素的时候，如果鼠标移入子元素中也会触发父元素的mouseover事件

mouseenter不会触发.

13.事件委托:现在每个li需要添加一个事件，所以用事件委托 给ul加一个事件就行。(事件委托是给父元素添加的)

<ul>//把事件给ul，而不是给li
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul>

$().delegate('委托元素','委托事件名',callback)

14.关于坐标

scrollTop():获取元素的滚动条坐标 offse()获取元素的页面坐标

15.jquey对象的查找，过滤：注意是对象元素的内部元素

16.文档处理:插入后部是指插入元素里面的最后。。。。

17.事件模块:

18事件坐标:

19.关于页面加载问题：