注释："//"单行注释，"/* */"多行注释
$与$()
$：JQuery对象的缩写
$():返回JQuery对象
this：表示的是javascript提供的当前对象，对象可以直接用this.style修改样式
$(this)：表示的是用jquery封装候的当前对象，可以使用jquery提供的方法访问样式
连缀：JQuery的方法返回的JQuery对象可以作为其他方法的对象
$(document).ready()与window.onload()
| window.onload | $(document).ready() | |
| 执行时机 | 必须等到网页全部加载完毕，包括图片等，在执行里面的代码 | 只要等待网页中的DOM结构加载完毕，就能执行里面的代码 |
| 执行次数 | 只能执行一次，如果有第二次，会把第一次覆盖 | 可执行多次而不被覆盖 |
| 简写 | 无 |
$(function()){ }); |
获取DOM元素
JS：document.getElementById('box'):获取ID为box的元素
JQ：('#box').get(0)：获取ID为box的元素；('.box').get(0)：获取Class为box的元素的第一个
对象数组：对象组成的数组
不能用下标直接访问，可使用eq()、for循环和each()访问
多库操作
当程序需要多库时，缩写"$"属于最后一次包含的库；JQuery不使用"$"表示，而是用JQuery；可使用JQuery.noConflict()释放JQuery对"$"的所有权
常规选择器：模拟CSS语法，对DOM的标签名、属性名、状态等进行快速准确选择
简单选择器
ID选择器：最快的选择器，获取id名作为对象
元素名选择器：获取元素名作为对象
类选择器：获取Class名作为对象
进阶选择器
群组选择器：多个选择器公用相同样式，选择器间用","隔开，
后代选择器：选择器之间存在辈分关系，父选择器与后代选择器之间用空格隔开
用find()方法，可以选择指定的后代。相对运行较快的一种写法
通配选择器："*"，表示所有选择器
可在class选择器和id选择器前添加前缀，前缀是元素名或class名，表示选择包含该元素或class及class或id
各选择器可交互使用，给JQuery带来便利
高级选择器
子选择器：父节点与子节点间用">"连接，对子节点有效果，也可用children()方法连接
next选择器：同一等级的两节点间用"+"连接，下个节点有效果
nextAll选择器：同一节点的两个节点用"~"连接，下面的所有同名同级节点都有效果
也可用next()方法连接，下一个节点有效果；用nextAll()方法连接，下面的所有同名同级节点都有效果
用prev()方法连接，上一个节点有效果；用prevAll()方法连接，上面的所有同名同级节点有效果
用siblings()方法连接，上下的同名同级节点都有效果
用nextUntil()方法连接，同级下遇到指定节点就停止效果；用prevUntil()方法连接，同级上遇到指定节点就停止效果
属性选择器：
selector[property]，选定该元素并包含该属性的
selector[property=value]，选定该元素并属性值为value的
selector[property^=value]，选定该元素并属性值以value开头的
selector[property$=value]，选定该元素并属性值以value结尾的
selector[property!=value]，选定该元素并属性值不是value的
selector[property*=value]，选定该元素并属性值包含value的
selector[property$=value]，选定该元素并属性值以value结尾的
selector[property1=value1][property2=value2]...，多属性选择器
可用length和size()得到选择器的个数
理论上来说，next()、perv()等方法比高级选择器快。
过滤选择器：通过特定的过滤规则来筛选所需的DOM元素,以":"开头
基本过滤器：
:first：选取页面的第一个元素
可用first()方法
:last：选取页面的最后一个元素
可用last()方法
:not(selector)：选取不是指定的选择器的元素
可用not()方法
:even：所有偶数的元素
:add：所有奇数的元素
:eq(index)：选取等于指定下标的元素
可用eq()方法
:gt(index)：选取大于指定下标的元素
:lt(index)：选取小于指定下标的元素
:header：选取标题元素，h1~h6
:facus：选取被焦点的元素
内容过滤器：
:contain(text)：选取含有指定文本的元素
:empty：选取不包含子元素或空文本的元素
:has(selector)：选取包含指定选择器的元素
可用has()方法
:parent：选取包含子元素或文本的元素
parent()：获取元素的父元素
parents()：获取元素的祖先节点
parentsUntil()：获取指定祖先元素之前的元素
可见性过滤器：CSS样式为display:none、表单类型为type='hidden'和visibility:hidden的元素
:hidden：选取所有不可见的元素
:visible：选取所有可见的元素
子元素选择器：
:first-child：选取所有父元素的第一个子元素
:last-child：选取所有父元素的最后一个子元素
:only-child：选取只有一个子元素的元素
:nth-child(even|odd|index|xn+m)：选取自定义位置的子元素，下标以1开始；even为偶数，odd为奇数，index为自定义位置，xn+m代表x倍+m的位置
is()：根据选择器、元素或 jQuery 对象来检测匹配元素集合，如果这些元素中至少有一个元素匹配给定的参数，则返回 true。
hasClass("class")：判断元素中是否具有该class
slice()：把匹配元素集合缩减为指定的指数范围的子集。
end()：获取当前元素的前一次状态
contents()：获取某元素下面所有元素节点数量（包括文本）
filter()：将多个选择器组合，达到精确选取效果