1. 了解jQuery

1.1 是什么：What？

一个JS函数库，write less，do more
封装简化DOM操作（CRUD）/Ajax

1.2 为什么用它：Why？

强大的选择器：方便迅速查询DOM元素
隐式便利（迭代）：一次操作多个元素
读写合一：读数据/写数据用的是一个函数
事件调用
链式调用
DOM操作（CUD）
样式调用

1.3 如何使用：How？

1.3.1 引入jQuery库

本地引入与CND远程引入（好一点，但是需要有网）
测试版本（未压缩）和生产版（压缩版）

1.3.2 使用jQuery

使用jQuery函数：$ / jQuery
使用jQuery对象：$xxx（执行$()得到的）

2. jQuery的2把利器

2.1 jQuery函数：$/jQuery

2.1.1 jQeury向外暴露的就是jQery函数，可以直接调用

2.1.2 当成一般函数使用：$(param)

- param是function，相当于window.onload = function(文档加载完成的监听)
- param是选择器字符串：查找所有匹配的DOM元素，返回包含所有DOM元素的jQuery对象
- param是DOM元素：将DOM元素对象包装为jQuery对象，返回$(this)
- param是标签字符串：创建标签DOM元素对象并包装为jQuery对象返回

2.1.3 当成对象使用：$.xxx

- each(obj/arr,function(key,value){})
- trim(str)

2.2 jQuery对象

2.2.1 包含所有匹配的n个DOM元素的伪数组对象

2.2.2 执行$()返回的就是jQuery对象

2.2.3 基本行为：

- length/size():得到的dom元素的个数
- [index]得到指定下标对应的dom元素
- each(function(index,doEle){})：遍历所有dom元素
- index():得到dom元素在所有兄弟中的下标

3. 选择器

3.1 是什么

有特定语法规则（css选择器）的字符串
用来查找某个/一些DOM元素：$(selector)

3.2 分类

3.2.1 基本

：#id，
tagName/*
.class，
selector1,selector2,selector3：（并集）
selector1selector2selector3：（交集）

3.2.2 层次

：找子孙后代，兄弟元素

selector1>selector2(子元素)
selector1  selector2(后代元素)

3.2.3 过滤

：在原有匹配元素中筛选出其中一些

:first，:last，
:eq(iindex)，:not(selector)，
:lt， :gt，
:odd，:even
hidden，visible，
[arrName]，[arrName = value]

3.2.4 表单

:input，:text，:checkbox，:radio，:checked(选中的)

4. 属性

操作标签的属性，标签体文本

1. attr(name)/attr(name,value)：读写非布尔值的标签属性
2. prop(name)/prop(name,value)：读写布尔值的标签属性
3. removeAttr(name)/removeProp(name)：删除属性
4. addClass(classValue)：添加class
5. removeClass(classValue)：移除指定的class		
6. val()/val(value))：读写标签的value
7. html()/html(htmlString)：读写标签文本