前端

type="属性值"。属性值可以选： disc(实心原点，默认)，square(实心方点)，circle(空心圆)。

type="属性值"。属性值可以是：1(阿拉伯数字，默认)、a、A、i、I。结合start属性表示从几开始。

<dt>：definition title 列表的标题，这个标签是必须的

<dd>：definition description 列表的列表项，如果不需要它，可以不加

th：定义表头

tr：定义表行

td：定义单元格数据

action

method

enctype

注意：如果有文件需要提交给服务器，method必须为POST，enctype必须为multipart/form-data

表单控件分类

<img> 标签用于展示 HTML 页面中的图像，使得页面能够“图文并茂”

href 属性，用于创建指向另外一个文档的链接（或超链接）。

无语义的行内元素，它可以对元素进行分组，使它们以不同的样式显示

特点

span、a

行内块是属于行内标签

独占一行

可以设置宽高，如果不设置宽高，默认为父级元素的100宽度

div、h1~h6,、ul、li、ol等

<link rel="stylesheet" href="./index.css">

<style type="text/css">
    @import url('./index.css');
</style> 

/*标签选择器*/
p{
    color: red;
    font-size: 20px;
}
span{
     color: yellow;
}

同一个页面中id不能重复

任何的标签都可以设置id

id命名规范 要以字母 可以有数字 下划线 - 大小写严格区分 aa和AA是两个不一样的属性值

#box{
      background:green;
}

任何的标签都可以加类，但是类是可以重复

同一个标签中可以携带多个类，用空格隔开

 .line{
     text-decoration: underline;
}

<!-- 公共类 共有的属性 -->
<div>
    <p class="lv big">段落1</p>
    <p class="lv line">段落2</p>
    <p class="line big">段落3</p>
</div>

总结

使用空格表示后代选择器。顾名思义，父元素的后代（包括儿子，孙子，重孙子）

.container p{
    color: red;
}
.container .item p{
    color: yellow;
}

使用>表示子代选择器。比如div>p,仅仅表示的是当前div元素选中的子代(不包含孙子....)元素p。

.container>p{
     color: yellowgreen;
 }

多个选择器之间使用逗号隔开。表示选中的页面中的多个标签。一些共性的元素，可以使用并集选择器

/*并集选择器*/
h3,a{
    color: #008000;
    text-decoration: none;
}

第一个标签必须是标签选择器，第二个标签必须是类选择器 语法：div.active

h4{
    width: 100px;
    font-size: 14px;
}
.active{
    color: red;
    text-decoration: underline;
}
/* 交集选择器 */
    h4.active{
    background: #00BFFF;
}

根据标签中的属性，选中当前的标签。

/*找到for属性的等于username的元素 字体颜色设为红色*/
[for='username']{
color: yellow;
}
/*以....结尾 $*/
/*[for$='vvip']{
color: red;
}*/
/*包含某元素的标签*/
/*[for*="vip"]{
color: #00BFFF;
}*/
/**/

/*指定单词的属性*/
label[for~='user1']{
color: red;
}
input[type='text']{
background: red;
}

伪类选择器一般会用在超链接a标签中，使用a标签的伪类选择器

/*没有被访问的a标签的样式*/
.box ul li.item1 a:link{
    color: #666;
}
/*访问过后的a标签的样式*/
.box ul li.item2 a:visited{
    color: yellow;
}
/*鼠标悬停时a标签的样式*/
.box ul li.item3 a:hover{
    color: green;
}
/*鼠标摁住的时候a标签的样式*/
.box ul li.item4 a:active{
    color: yellowgreen;
}

/*选中第一个元素*/
div ul li:first-child{
font-size: 20px;
color: red;
}
/*选中最后一个元素*/
div ul li:last-child{
font-size: 20px;
color: yellow;
}

/*选中当前指定的元素 数值从1开始*/
div ul li:nth-child(3){
font-size: 30px;
color: purple;
}

/*n表示选中所有,这里面必须是n, 从0开始的 0的时候表示没有选中*/
div ul li:nth-child(n){
font-size: 40px;
color: red;
}

/*偶数*/
div ul li:nth-child(2n){
font-size: 50px;
color: gold;
}
/*奇数*/
div ul li:nth-child(2n-1){
font-size: 50px;
color: yellow;
}
/*隔几换色 隔行换色
隔4换色 就是5n+1,隔3换色就是4n+1
*/

div ul li:nth-child(5n+1){
font-size: 50px;
color: red;
}

/*设置第一个首字母的样式*/
p:first-letter{
    color: red;
    font-size: 30px;
}
/* 在....之前 添加内容 这个属性使用不是很频繁 了解 使用此伪元素选择器一定要结合content属性*/
p:before{
    content:'alex';
}
/*在....之后 添加内容，使用非常频繁 通常与咱们后面要讲到布局 有很大的关联（清除浮动）*/
p:after{
    content:'&';
    color: red;
    font-size: 40px;
}

数：id的数量 class的数量 标签的数量，顺序不能乱

!important 不影响继承来的权重，只影响选中的元素

1.先看标签元素有没有被选中，如果选中了，就数数 （id,class,标签的数量） 谁的权重大 就显示谁的属性。权重一样大，后来者居上

2.如果没有被选中标签元素，权重为0。
如果属性都是被继承下来的 权重都是0 。权重都是0:"就近原则" ： 谁描述的近，就显示谁的属性

描述的方法

三个要素

border-width: 3px;
border-style: solid;
border-color: red;
/*
border-width: 5px 10px;
border-style: solid dotted double dashed;
border-color: red green yellow;
*/

border: 10px solid red;

/*表示四个方向的外边距离为20px*/
margin: 20px;
/*表示盒子向下移动了30px*/
margin-top: 30px;
/*表示盒子向右移动了50px*/
margin-left: 50px;
/*表示盒子向上移动了100px*/
margin-bottom: 100px;

margin：0 auto;

注意：外边距合并的情况

多个空格会被合并成一个空格显示到浏览器页面中。

文字还有图片大小不一，都会让页面的元素出现高矮不齐的现象，但是在浏览器查看页面总会发现底边对齐

如果在一行内写文字，文字过多，那么浏览器会自动换行去显示我们的文字。

display: inline;

display: block;

左浮动 左侧为起始。从左往右依次排列

右浮动 右侧为起始。从右往左依次排列

默认 不浮动

浮动可以使元素按指定位置排列，直到遇到父元素的边界或另一个元素的边界停止

缺点：不灵活

缺点：结构冗余，无缘无故添加了一个块级元素

normal

italic

oblique

none(默认值，标准粗细)

bold(粗体)

border(更粗）

lighter(更细)

100~900（设置具体粗细，400等同于normal，而700等同于bold）

inherit（继承父元素字体的粗细值）

left 内容左对齐

center 内容居中对齐

right 内容右对齐

justify 内容两端对齐 只适应于英文

red

yellow

blue

black

green

······

yellowgreen

······

RR：红色

GG：绿色

BB：蓝色

十六进制记法

RGB记法

transparent 默认透明

none 无背景图

background-image: url(./1.jpg)

repeat

repeat-x

repeat-y

no-repeat

inherit

如果是正值,表示调整背景图的位置

如果为负值,表示精灵图技术

1.如果对当前元素仅仅设置了相对定位，那么与标准流的盒子什么区别。

2.设置相对定位之后，我们才可以使用四个方向的属性： top、bottom、left、right

1.不脱标

2.形影分离

3.老家留坑

1.微调元素位置

2.做绝对定位的参考（父相子绝）

3.可以提升层级关系

1.无父级元素定位时，以页面的左上角为基准

2.有父级元素的情况下，父级设置相对定位，子级设置绝对定位，是以最近的父辈盒子为基准进行定位

1.提成层级。设置绝对定位之后，不区分行内元素和块级元素，都能设置宽高。

2.脱离标准流

*{
    padding: 0;
    margin: 0;
}
.box{
    width: 100%;
    height: 69px;
    background: #000;
}
.box .c{
    width: 960px;
    height: 69px;
    background-color: pink;
    /*margin: 0 auto;*/
    position: relative;
    left: 50%;
    margin-left: -480px;
/*设置绝对定位之后，margin:0 auto;不起任何作用，如果想让绝对定位的盒子居中。
当做公式记下来 设置子元素绝对定位，然后left:50%; margin-left等于元素宽度的一半，实现绝对定位盒子居中*/
}

1.脱标

2.遮盖，提升层级

3.固定不变

1.返回顶部栏

2.固定导航栏

3.小广告

弹出警告框

控制台输出

单行注释

多行注释

number：数字

string：字符串

boolean：布尔

null：空

undefined：未定义

Function

Object

Arrray

String

Date

=

+=

-=

*=

/=

%=

+

-

*

/

++

--

%

==

===

!=

!===

>

<

>=

<=

隐式转换

强制类型转换

var stringNum = '789.123wadjhkd';
var num2 = Number(stringNum);
console.log(num2)
// parseInt()可以解析一个字符串 并且返回一个整数
console.log(parseInt(stringNum))
console.log(parseFloat(stringNum));

var b1 = '123';
var b2 = 0;
var b3 = -123

var b4 = Infinity;
var b5 = NaN;

var b6; //undefined
var b7 = null;

// 非0既真
console.log(Boolean(b7))

var ji = 20;
if(ji >= 20){
console.log('恭喜你，吃鸡成功，大吉大利')
}
alert('alex');//下面的代码还会执行

var ji = 20;
if(ji>=20){
console.log('恭喜你，吃鸡成功，大吉大利')
}else{
console.log('很遗憾 下次继续努力')
}

if (true) {
//执行操作
}else if(true){
//满足条件执行
}else if(true){
//满足条件执行
}else{
//满足条件执行
}

//1.模拟 如果总分 >400 并且数学成绩 >89分 被清华大学录入
//逻辑与&& 两个条件都成立的时候 才成立
if(sum>400 && math>90){
console.log('清华大学录入成功')
}else{
alert('高考失利')
}

//2.模拟 如果总分>400 或者你英语大于85 被复旦大学录入
//逻辑或 只有有一个条件成立的时候 才成立
if(sum>500 || english>85){
alert('被复旦大学录入')
}else{
alert('高考又失利了')
}

var gameScore = 'better';
switch(gameScore){
//case表示一个条件 满足这个条件就会走进来 遇到break跳出。break终止循环。如果某个条件中不写 break，那么直到该程序遇到下一个break停止
case 'good':
console.log('玩的很好')
//break表示退出
break;
case 'better':
console.log('玩的老牛逼了')
break;
case 'best':
console.log('恭喜你 吃鸡成功')
break;
default:
console.log('很遗憾')
}

1.初始化循环变量

2.判断循环条件

3.更新循环变量

var i = 1; //初始化循环变量

while(i<=9){ //判断循环条件
console.log(i);
i = i+1; //更新循环条件
}

//不管有没有满足while中的条件do里面的代码都会走一次
var i = 3;//初始化循环变量
do{

console.log(i)
i++;//更新循环条件

}while (i<10) //判断循环条件

for(var i = 1;i<=10;i++){
console.log(i)
}

双重fo循环

创建方式

常用方法

常用方法

创建日期对象只有构造函数一种方式,使用new关键字

常用方法

Math.ceil()

Math.floor()

Math.max()
Math.min()

Math.random()

定义

作用

普通函数

函数对象

构造函数

有数组的索引和length属性 ,但是没有数组的方法,称这种对象叫伪数组

文本内容，只包含文本不包含标签

渲染标签也可以设置文本

对于标签中有value属性的设置，表单控件

document.createElement('div');

父.appendChild(子标签)

父.insertBefore(要插入的节点，参考的节点)

父.removeChild(子)

删除自己这个节点

1.使用Object或对象字面量创建对象

2.工厂模式创建对象

3.构造函数模式创建对象

4.原型模式创建对象

只在指定时间后执行一次

/定时器 异步运行
function hello(){
alert("hello");
}
//使用方法名字执行方法
var t1 = window.setTimeout(hello,1000);
var t2 = window.setTimeout("hello()",3000);//使用字符串执行方法
window.clearTimeout(t1);//去掉定时器

在指定时间为周期循环执行

/实时刷新 时间单位为毫秒
setInterval('refreshQuery()',8000);
/* 刷新查询 */
function refreshQuery(){
console.log('每8秒调一次')
}

alert(1)是window.alert(1)的简写

url：要打开的地址

target：新窗口的位置。可以是：_blank 、_self、 _parent 父框架。

href：跳转

hash 返回url中#后面的内容，包含#

host 主机名，包括端口

hostname 主机名

pathname url中的路径部分

protocol 协议 一般是http、https

search 查询字符串

location.reload()：重新加载

console.log(navigator.userAgent);

console.log(navigator.platform);

history.back()

history.go(-1)：0是刷新

history.forward()

history.go(1)

sessionStorage（临时存储）

localStorage（长期存储）

let info = {
name: 'Lee',
age: 20,
id: '001'
};
sessionStorage.setItem('key', JSON.stringify(info));
localStorage.setItem('key', JSON.stringify(info));

var data1 = JSON.parse(sessionStorage.getItem('key'));
var data2 = JSON.parse(localStorage.getItem('key'));

sessionStorage.removeItem('key');
localStorage.removeItem('key');

sessionStorage.clear();
localStorage.clear();

Storage 发生变化（增加、更新、删除）时的 触发，同一个页面发生的改变不会触发，只会监听同一域名下其他页面改变 Storage

window.addEventListener('storage', function (e) {
console.log('key', e.key);
console.log('oldValue', e.oldValue);
console.log('newValue', e.newValue);
console.log('url', e.url);
})

clientTop 内容区域到边框顶部的距离 ，说白了，就是边框的高度
clientLeft 内容区域到边框左部的距离，说白了就是边框的乱度
clientWidth 内容区域+左右padding 可视宽度
clientHeight 内容区域+ 上下padding 可视高度

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
</body>
<script type="text/javascript">

// 屏幕的可视区域
window.onload = function(){

// document.documentElement 获取的是html标签
console.log(document.documentElement.clientWidth);
console.log(document.documentElement.clientHeight);
// 窗口大小发生变化时，会调用此方法
window.onresize = function(){
console.log(document.documentElement.clientWidth);
console.log(document.documentElement.clientHeight);
}

}
</script>
</html>

offsetWidth占位宽 内容+padding+border
offsetHeight占位高
offsetTop: 如果盒子没有设置定位 到body的顶部的距离,如果盒子设置定位，那么是以父辈为基准的top值
offsetLeft： 如果盒子没有设置定位 到body的左部的距离，如果盒子设置定位，那么是以父辈为基准的left值

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
*{padding: 0;margin: 0;}
</style>
</head>
<body style="width: 2000px;height: 2000px;">
<div style="height: 200px;background-color: red;"></div>
<div style="height: 200px;background-color: green;"></div>
<div style="height: 200px;background-color: yellow;"></div>
<div style="height: 200px;background-color: blue;"></div>
<div style="height: 200px;background-color: gray;"></div>
<div id = 'scroll' style="width: 200px;height: 200px;border: 1px solid red;overflow: auto;padding: 10px;margin: 5px 0px 0px 0px;">
<p>学习新技能，达成人生目标，开始用自己的力量影响世界学习新技能，达成人生目标，开始用自己的力量影响世界学习新技能，达成人生目标，开始用自己的力量影响世界学习新技能，达成人生目标，开始用自己的力量影响世界学习新技能，达成人生目标，开始用自己的力量影响世界学习新技能，达成人生目标，开始用自己的力量影响世界学习新技能，达成人生目标，开始用自己的力量影响世界学习新技能，达成人生目标，开始用自己的力量影响世界学习新技能，达成人生目标，开始用自己的力量影响世界学习新技能，达成人生目标，开始用自己的力量影响世界学习新技能，达成人生目标，开始用自己的力量影响世界学习新技能，达成人生目标，开始用自己的力量影响世界
</p>

</div>

</body>
<script type="text/javascript">

window.onload = function(){

//实施监听滚动事件
window.onscroll = function(){
// console.log(1111)
// console.log('上'+document.documentElement.scrollTop)
// console.log('左'+document.documentElement.scrollLeft)
// console.log('宽'+document.documentElement.scrollWidth)
// console.log('高'+document.documentElement.scrollHeight)


}

var s = document.getElementById('scroll');

s.onscroll = function(){
// scrollHeight : 内容的高度+padding 不包含边框
console.log('上'+s.scrollTop)
console.log('左'+s.scrollLeft)
console.log('宽'+s.scrollWidth)
console.log('高'+s.scrollHeight)
}
}

</script>
</html>

无参数，表示让指定的元素直接显示出来。其实这个方法的底层就是通过display: block;实现的。

通过控制元素的宽高、透明度、display属性，逐渐显示，2秒后显示完毕。

slow 慢：600ms

normal 正常：400ms

fast 快：200ms

动画执行完后，立即执行回调函数。

显示和隐藏的来回切换采用的是toggle()方法：就是先执行show()，再执行hide()。

$(selector).slideDown(speed, 回调函数);

$(selector).slideUp(speed, 回调函数);

$(selector).slideToggle(speed, 回调函数);

$(selector).fadeIn(speed, callback);

$(selector).fadeOut(1000);

$(selector).fadeToggle('fast', callback);

第一个参数表示：要执行动画的CSS属性（必选）

第二个参数表示：执行动画时长（可选）

第三个参数表示：动画执行完后，立即执行的回调函数（可选）

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style>
div {
position: absolute;
left: 20px;
top: 30px;
width: 100px;
height: 100px;
background-color: green;
}
</style>
<script src="jquery-3.3.1.js"></script>
<script>
jQuery(function () {
$("button").click(function () {
var json = {"width": 500, "height": 500, "left": 300, "top": 300, "border-radius": 100};
var json2 = {
"width": 100,
"height": 100,
"left": 100,
"top": 100,
"border-radius": 100,
"background-color": "red"
};
//自定义动画
$("div").animate(json, 1000, function () {
$("div").animate(json2, 1000, function () {
alert("动画执行完毕！");
});
});

})
})
</script>
</head>
<body>
<button>自定义动画</button>
<div></div>
</body>
</html>

第一个参数

第二个参数

默认两个都是false

设置属性值或者，返回被选元素的属性值

//获取值：attr()设置一个属性值的时候 只是获取值
var id = $('div').attr('id')
console.log(id)
var cla = $('div').attr('class')
console.log(cla)
//设置值
//1.设置一个值 设置div的class为box
$('div').attr('class','box')
//2.设置多个值，参数为对象，键值对存储
$('div').attr({name:'hahaha',class:'happy'})

移除属性

//删除单个属性
$('#box').removeAttr('name');
$('#box').removeAttr('class');

//删除多个属性
$('#box').removeAttr('name class');

设置或返回被选元素的属性和值

移除由 prop() 方法设置的属性。

添加多个类名

从所有匹配的元素中删除全部或者指定的类

如果存在（不存在）就删除（添加）一个类

获取选中标签元素中所有的内容

获取匹配元素包含的文本内容

获取值

父子之间

兄弟之间

$(selector).replaceWith(content); 

$(selector).remove();  

$(selector).detach();  

$(selector).empty();  

.width()

为匹配的元素集合中获取第一个元素的当前计算宽度值。这个方法不接受任何参数。.css(width) 和 .width()之间的区别是后者返回
一个没有单位的数值（例如，400），前者是返回带有完整单位的字符串（例如，400px）。当一个元素的宽度需要数学计算的时候推荐使用.width()方法 。

.width( value )

.height()

获取匹配元素集合中的第一个元素的当前计算高度值。这个方法不接受任何参数

.height( value )

设置每一个匹配元素的高度值

.innerWidth()

为匹配的元素集合中获取第一个元素的当前计算宽度值,包括padding，但是不包括border。
ps:这个方法不适用于`window` 和 `document`对象，对于这些对象可以使用`.width()`代替。

.innerWidth(value);

为匹配集合中的每个元素设置CSS内部宽度。如果这个“value”参数提供一个数字，jQuery会自动加上像素单位（px）

.innerHeight();

为匹配的元素集合中获取第一个元素的当前计算高度值,包括padding，但是不包括border。
ps:这个方法不适用于`window` 和 `document`对象，对于这些对象可以使用`.height()`代替。

.innerHeight(value);

为匹配集合中的每个元素设置CSS内部高度。如果这个“value”参数提供一个数字，jQuery会自动加上像素单位（px）

.outerWidth( [includeMargin ] )

获取匹配元素集合中第一个元素的当前计算外部宽度（包括padding，border和可选的margin）

includeMargin (默认: `false`)
类型： `Boolean`
一个布尔值，表明是否在计算时包含元素的margin值。

这个方法不适用于`window` 和 `document`对象，可以使用`.width()`代替

.outerWidth( value )

为匹配集合中的每个元素设置CSS外部宽度。

.outerHeight( [includeMargin ] )

获取匹配元素集合中第一个元素的当前计算外部高度（包括padding，border和可选的margin）

includeMargin (默认: `false`)
类型： `Boolean`
一个布尔值，表明是否在计算时包含元素的margin值。

这个方法不适用于`window` 和 `document`对象，可以使用`.width()`代替

.outerHeight( value )

为匹配集合中的每个元素设置CSS外部高度。

.offset()

.offset( coordinates )

.scrollLeft()

获取匹配的元素集合中第一个元素的当前水平滚动条的位置（页面卷走的宽度）

.scrollLeft( value )

设置每个匹配元素的水平方向滚动条位置。

.scrollTop()

获取匹配的元素集合中第一个元素的当前迟滞滚动条的位置（页面卷走的高度）

.scrollLeft( value )

设置每个匹配元素的垂直方向滚动条位置。

url参数：为请求加载json格式文件的服务器地址

可选项data参数：为请求时发送的数据

callback参数：为数据请求成功后执行的函数

url参数：规定你请求的路径，是必需参数

callback参数：为数据请求成功后执行的函数

url参数：规定你请求的路径，是必需参数，可选的data参数是连同请求发送的数据

可选的callback参数：为数据请求成功后执行的函数

1.url: 要求为String类型的参数，（默认为当前页地址）发送请求的地址。

2.type: 要求为String类型的参数，请求方式（post或get）默认为get。注意其他http请求方法，例如put和delete也可以使用，但仅部分浏览器支持。

3.timeout: 要求为Number类型的参数，设置请求超时时间（毫秒）。此设置将覆盖$.ajaxSetup()方法的全局设置。

4.async: 要求为Boolean类型的参数，默认设置为true，所有请求均为异步请求。如果需要发送同步请求，请将此选项设置为false。注意，同步请求将锁住浏览器，用户其他操作必须等待请求完成才可以执行。

5.cache: 要求为Boolean类型的参数，默认为true（当dataType为script时，默认为false），设置为false将不会从浏览器缓存中加载请求信息。

6.data: 要求为Object或String类型的参数，发送到服务器的数据。如果已经不是字符串，将自动转换为字符串格式。get请求中将附加在url后。防止这种自动转换，可以查看　　processData选项。对象必须为key/value格式，例如{foo1:"bar1",foo2:"bar2"}转换为&foo1=bar1&foo2=bar2。如果是数组，JQuery将自动为不同值对应同一个名称。例如{foo:["bar1","bar2"]}转换为&foo=bar1&foo=bar2

7.dataType: 要求为String类型的参数，预期服务器返回的数据类型。如果不指定，JQuery将自动根据http包mime信息返回responseXML或responseText，并作为回调函数参数传递。

8.beforeSend： 要求为Function类型的参数，发送请求前可以修改XMLHttpRequest对象的函数，例如添加自定义HTTP头。在beforeSend中如果返回false可以取消本次ajax请求。XMLHttpRequest对象是惟一的参数。 function(XMLHttpRequest){ this; //调用本次ajax请求时传递的options参数 }

9.complete：要求为Function类型的参数，请求完成后调用的回调函数（请求成功或失败时均调用）。参数：XMLHttpRequest对象和一个描述成功请求类型的字符串。 function(XMLHttpRequest, textStatus){ this; //调用本次ajax请求时传递的options参数 }

10.success：要求为Function类型的参数，请求成功后调用的回调函数，有两个参数。

11.error: 要求为Function类型的参数，请求失败时被调用的函数。该函数有3个参数，即XMLHttpRequest对象、错误信息、捕获的错误对象(可选)。ajax事件函数如下： function(XMLHttpRequest, textStatus, errorThrown){ //通常情况下textStatus和errorThrown只有其中一个包含信息 this; //调用本次ajax请求时传递的options参数 }

12.contentType： 要求为String类型的参数，当发送信息至服务器时，内容编码类型默认为"application/x-www-form-urlencoded"。该默认值适合大多数应用场合。

13.dataFilter： 要求为Function类型的参数，给Ajax返回的原始数据进行预处理的函数。提供data和type两个参数。data是Ajax返回的原始数据，type是调用jQuery.ajax时提供的dataType参数。函数返回的值将由jQuery进一步处理。 function(data, type){ //返回处理后的数据 return data; }

14.dataFilter： 要求为Function类型的参数，给Ajax返回的原始数据进行预处理的函数。提供data和type两个参数。data是Ajax返回的原始数据，type是调用jQuery.ajax时提供的dataType参数。函数返回的值将由jQuery进一步处理。 function(data, type){ //返回处理后的数据 return data; }

15.global： 要求为Boolean类型的参数，默认为true。表示是否触发全局ajax事件。设置为false将不会触发全局ajax事件，ajaxStart或ajaxStop可用于控制各种ajax事件。

16.ifModified： 要求为Boolean类型的参数，默认为false。仅在服务器数据改变时获取新数据。服务器数据改变判断的依据是Last-Modified头信息。默认值是false，即忽略头信息。

17.jsonp： 要求为String类型的参数，在一个jsonp请求中重写回调函数的名字。该值用来替代在"callback=?"这种GET或POST请求中URL参数里的"callback"部分，例如{jsonp:'onJsonPLoad'}会导致将"onJsonPLoad=?"传给服务器。

18.username： 要求为String类型的参数，用于响应HTTP访问认证请求的用户名。

19.password： 要求为String类型的参数，用于响应HTTP访问认证请求的密码。

20.processData： 要求为Boolean类型的参数，默认为true。默认情况下，发送的数据将被转换为对象（从技术角度来讲并非字符串）以配合默认内容类型"application/x-www-form-urlencoded"。如果要发送DOM树信息或者其他不希望转换的信息，请设置为false。

21.scriptCharset： 要求为String类型的参数，只有当请求时dataType为"jsonp"或者"script"，并且type是GET时才会用于强制修改字符集(charset)。通常在本地和远程的内容编码不同时使用