17.jQuery

# jQuery基础

  jQuery是一个非常优秀的JavaScript框架

  通用功能实现完毕,编写自己的特殊功能

  jQuery特点:

* 支持CSS3技术
* 实现浏览器兼容性,跨域浏览器. 从2.0版本开始,不在支持IE678
* 代码越小越少,功能越多越好
* AJAX异步请求

## 基础语法

```javascript

```

## DOM对象和jQuery对象

### DOM对象

  document对象获取的页面元素,称为DOM对象, document.getElementById()

### jQuery对象

  使用jQuery方式获取的页面元素,称为jQuery对象, $("#id")

注意: DOM对象和jQuery对象不通用的

```javascript
function fn(){
    //dom方式,获取文本框输入的内容
    var user = document.getElementById("user");
    alert(user.value);

    //jQuery方式,获取文本框输入的内容
    var $user = $("#user");
    alert( $user.val() );
}
```

### DOM对象和jQuery对象互转

```javascript

```



## jQuery选择器

  选择器作用: 快速的精准的定位到页码中的html元素

  和css选择器一致的

### 基本选择器

* **元素选择器 $("标签名")**
* **id选择器 $("#id属性值")**
* **class选择器 $(".class属性值")**

```javascript
	
```

### 层次选择器

* **$("A B")获取A元素的所有后代B元素**
* $("A>B")获取A元素的所有后代子元素B
* $("A+B")获取A元素的同级的后面的下一个B元素
* $("A~B")获取A元素的同级后面的所有B元素

```javascript

```



### 属性选择器

* **获得有属性名的元素：$("A[属性名]")**
* **获得属性名 等于 值 元素：$("A[属性名=值]")** 
* 获得属性名 不等于 值 元素：$("A[属性名!=值]")
* 获得属性名 以 值  9开头 元素：$("A[属性名^=值]")
* 获得属性名 以 值  结尾 元素：$("A[属性名$=值]")
* 获得属性名 含有 值 元素：$("A[属性名*=值]")
* **复合属性选择器，多个属性同时过滤：$("A[属性名!=值][属性名!=值][属性名!=值]")

```javascript
	
	
   
```

### 过滤选择器

* 获得选择的元素中的第一个元素：  :first
* 获得选择的元素中的最后一个元素：  :last
* 不包括指定内容的元素例如： :not(selecter) 
* **偶数，从 0 开始计数：  :even**
* **奇数，从 0 开始技术：  :odd**
* 指定第几个：  :eq(index) 
* 大于n个：  :gt(index)
* 小于n个：  :lt(index) 
* 获得标题 （ /
 ....） :header  --- 固定写法
* 获得动画的  :animated  ---固定写法  正在执行的动画

```javascript
	
```

### 表单选择器

* 可用：  :enabled
* 不可用：  :disabled                
* **选中（单选radio ，多选checkbox）：  :checked**
* **选择（下列列表