JQuery基础

概念：一个JavaScript框架，简化JS开发

本质上就是一些js文件，封装了js的原生代码而已

快速入门

步骤：
1. 下载JQuery文件
  1. jquery-xxx.js：开发版本。给程序员看的，有良好的缩进和注释
  2. jquery-xxx.min.js：生产版本。程序中使用，没有缩进。体积小一些，程序加载更快
2. 导入JQuery的js文件：导入jquery-xxx.min.js文件
3. 使用
```
var div1= $()"#div1");//获得id="div1"的元素
alert(div1.html());//获取标签内容
```

JQuery对象和JS对象区别与转换

JQuery对象在操作是，更加方便
JQuery对象和js对象方法不通用的
两者之间相互转换
- jq–>js：jq对象[索引]或者jq对象.get(索引)
- js–>jq：$(js对象)

选择器：筛选具有相似特征的元素(标签)

基本语法学习
1. 事件绑定
2. 入口函数
  1. window.onload和$(function)区别
    - window,onload只能定义一次，如果定义多次，后面定义的会吧前面的覆盖掉
    - $(function)可以定义多次
3. 样式控制
层级选择器
1. 后代选择器
  - 语法：$(“A B”)选择A元素内部的所有B元素
2. 子选择器
  - 语法：$(“A>B”)选择A元素内部的所有B子元素
表单过滤选择器
1. 可用元素选择器
  - 语法：enable 获得可用元素
```
$("input[type='text']:enable").val("aaa");
```
2. 不可用元素选择器
  - 语法：disabled 获得不可用元素
3. 选中选择器
  - 语法：checked 获得单选/复选框选中的元素
4. 选中选择器
  - 语法：selected 获得下拉框选中的元素

DOM操作（部分）

内容操作
1. html()：获取/设置元素的标签体内容 <a>内容</a> —> 内容
2. text()：获取/设置元素的标签体的纯文本的内容 <a>内容</a> —> 内容
3. val()：获取/设置元素的value属性值
属性操作
1. 通用属性操作
  1. attr()：获取/设置元素属性
  2. removeAttr()：删除属性
  3. prop()：获取/设置元素的属性
  4. removeProp()：删除属性
  5. attr和prop区别
    1. 如果操作的是元素的固有属性，建议使用prop，
    2. 如果操作的是自定义属性，则建议使用attr
2. 对class属性操作
  1. addClass()：添加class属性值
  2. removeClass()：删除class属性值
  3. toggleClass：切换class属性值
    1. toggleClass(“one”) ：判断如果元素对象上存在class=“one”,则水性指one删除掉，如果元素对象上不存在class=“one”，则不添加；
CRUD操作
1. append()：父元素将子元素最追加末尾
  - 对象1.append(对象2)：将对象2添加到对象1元素内部，并且在末尾
2. prepend()：父元素将子元素最追加开头
  - 对象1.prepend(对象2)：将对象2添加到对象1元素内部，并且在开头
3. appendTo():
  - 对象2.appendTo(对象1)：将对象2添加到对象1内部，并且在末尾
4. prependTo():
  - 对象2.prependTo(对象1)：将对象2添加到对象1内部，并且在开头
5. after()：添加元素到对应的元素后面
  - 对象1.after(对象2)：将对象2添加到对象后边。对象1和对象2是兄弟关系
6. before():添加元素到对应的元素前面
  - 对象1.after(对象2)：将对象2添加到对象前边。对象1和对象2是兄弟关系
7. insertAfter():
  - 对象1.insertAfter(对象2)：将对象2添加到对象1后边。对象1和对象2是兄弟关系
8. insertBefore():
  - 对象1.insertBefore(对象2)：将对象2添加到对象1前边。对象1和对象2是兄弟关系
9. remove():移除元素
  - 对象.remove()：将对象删除掉
10. empty()：清空元素的所有后代元素
  e(对象2)：将对象2添加到对象1前边。对象1和对象2是兄弟关系
11. remove():移除元素
  - 对象.remove()：将对象删除掉
12. empty()：清空元素的所有后代元素
  - 对象.empty()：将对象的后代元素全部清空，但是保留当前对象以及其属性节点