1.了解jQuery

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<ul> 是什么：What？
    <li>一个JS函数库：write less，do more</li>
	<li>封装简化DOM操作（CRUD）/Ajax</li>
</ul>
* 为什么用：Why？
	- 强大选择器：方便快速查找DOM元素
	- 隐式遍历（迭代）：一次操作多个元素
	- 读写合一：读数据/写数据用的是一个函数
	- 时间处理
	- 链式调用
	- DOM操作（CRUD）
	- 样式操作
* 如何使用：How？
	* 引入jQuery库
		* 本地引入
		* CDN远程引入（推荐）
		* 测试版本与生产版本（压缩版 min.js）
	* 使用jQUery
		* 使用jQuery函数：$/jQuery
		* 使用jQuery对象：$xxx（执行$()得到的）
2. jQuery的2把利器 
- jQuery的函数：$/jQuery
    * jQuery向外暴露的就是jQuery函数，可以直接使用
    * 当成一般函数使用：$(param)
        * param是function：相当于window.onload=function（文档加载完成的监听）
        * param是选择器字符串：查找所有匹配的DOM元素，返回包含所有DOM元素的jQuery对象
        * param是DOM元素：将DOM元素对象包装为jQuery对象返回$(this)
        * params是标签字符串：创建标签DOM元素对象并包装为jQuery对象返回
* 当成对象使用：$.xxx
    * each(obj/arr,function(key,value){})
    * trim(str)
* jQuery对象
    * 包含所有匹配的n个DOM元素的伪数组对象
    * 执行$()返回的就是jQuery对象
    * 基本行为：
        * length/size()：得到DOM元素的个数
        * [index]：得到指定下标对应的DOM元素
        * each(function(index,domEle){})：遍历所有dom元素
        * index()：得到当前DOM元素在所有兄弟中的下标

3.选择器
* 是什么？
* 有特定语法规则(css选择器)的字符串
* 用来查找某个/某些DOM元素：$(selector)
* 分类
* 基本选择器
* #id
* tagName/*
* .class
* selector1，selector2，selector3: 并集
* selector1selector2selector3: 交集
* 层次选择器
* 找子孙后代，兄弟元素
* selector1>selector2: 子元素
* selector1 selector2: 后代元素
* 过滤选择器
* 在原有匹配元素中筛选出其中一些元素
* :first
* :last
* :eq(index)
* :not(selector)
* :lt :gt
* :odd :even
* :hidden
* :visible
* [attrName]
* [attrName=value]
* 表单选择器
* :input
* :text
* :checkbox
* :radio
* :checked

4.属性

- 操作标签的属性，标签体文本
  - 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)：读写标签体文本

​