前端开发学习框架培训方案

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"><br>    @import url('./index.css');<br></style> 

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

同一个页面中id不能重复

任何的标签都可以设置id

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

#box{<br>      background:green;<br>}

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

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

 .line{<br>     text-decoration: underline;<br> }

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

总结

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

.container p{<br>    color: red; <br>}<br>.container .item p{<br>    color: yellow;<br>}

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

.container>p{<br>     color: yellowgreen;<br> }

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

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

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

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

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

/*找到for属性的等于username的元素 字体颜色设为红色*/<br>[for='username']{<br> color: yellow;<br> }<br>/*以....结尾 $*/<br> /*[for$='vvip']{<br> color: red;<br> }*/<br> /*包含某元素的标签*/<br> /*[for*="vip"]{<br> color: #00BFFF;<br> }*/<br> /**/<br> <br> /*指定单词的属性*/<br> label[for~='user1']{<br> color: red;<br> }<br> input[type='text']{<br> background: red;<br> }<br>

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

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

/*选中第一个元素*/<br> div ul li:first-child{<br> font-size: 20px;<br> color: red;<br> }<br> /*选中最后一个元素*/<br> div ul li:last-child{<br> font-size: 20px;<br> color: yellow;<br> }<br> <br> /*选中当前指定的元素 数值从1开始*/<br> div ul li:nth-child(3){<br> font-size: 30px;<br> color: purple;<br> }<br> <br> /*n表示选中所有,这里面必须是n, 从0开始的 0的时候表示没有选中*/<br> div ul li:nth-child(n){<br> font-size: 40px;<br> color: red;<br> }<br> <br> /*偶数*/<br> div ul li:nth-child(2n){<br> font-size: 50px;<br> color: gold;<br> }<br> /*奇数*/<br> div ul li:nth-child(2n-1){<br> font-size: 50px;<br> color: yellow;<br> }<br> /*隔几换色 隔行换色<br> 隔4换色 就是5n+1,隔3换色就是4n+1<br> */<br> <br> div ul li:nth-child(5n+1){<br> font-size: 50px;<br> color: red;<br> }

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

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

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

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

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

描述的方法

三个要素

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

border: 10px solid red;

/*表示四个方向的外边距离为20px*/<br>margin: 20px;<br>/*表示盒子向下移动了30px*/<br>margin-top: 30px;<br>/*表示盒子向右移动了50px*/<br>margin-left: 50px;<br>/*表示盒子向上移动了100px*/<br>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.脱离标准流

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

1.脱标

2.遮盖，提升层级

3.固定不变

1.返回顶部栏

2.固定导航栏

3.小广告

弹出警告框

控制台输出

单行注释

多行注释

number：数字

string：字符串

boolean：布尔

null：空

undefined：未定义

Function

Object

Arrray

String

Date

=

+=

-=

*=

/=

%=

+

-

*

/

++

--

%

==

===

!=

!===

>

<

>=

<=

隐式转换

强制类型转换

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

var b1 = '123';<br>var b2 = 0;<br>var b3 = -123<br><br>var b4 = Infinity; <br>var b5 = NaN;<br><br>var b6; //undefined<br>var b7 = null;<br><br>// 非0既真<br>console.log(Boolean(b7))

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

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

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

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

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

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

1.初始化循环变量<br><br>2.判断循环条件<br><br>3.更新循环变量

var i = 1; //初始化循环变量<br><br>while(i<=9){ //判断循环条件<br> console.log(i);<br> i = i+1; //更新循环条件<br>}

//不管有没有满足while中的条件do里面的代码都会走一次<br>var i = 3;//初始化循环变量<br>do{<br><br> console.log(i)<br> i++;//更新循环条件<br><br>}while (i<10) //判断循环条件

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

双重fo循环

创建方式

常用方法

常用方法

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

常用方法

Math.ceil()

Math.floor()

Math.max()<br>Math.min()<br>

Math.random()

定义

作用

普通函数

函数对象

构造函数

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

分支主题

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

渲染标签也可以设置文本

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

document.createElement('div');

父.appendChild(子标签)

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

父.removeChild(子)

删除自己这个节点

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

2.工厂模式创建对象

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

4.原型模式创建对象

只在指定时间后执行一次

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

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

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

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 = {<br> name: 'Lee',<br> age: 20,<br> id: '001'<br>};<br>sessionStorage.setItem('key', JSON.stringify(info));<br>localStorage.setItem('key', JSON.stringify(info));

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

sessionStorage.removeItem('key');<br>localStorage.removeItem('key');

sessionStorage.clear();<br>localStorage.clear();

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

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

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

<!DOCTYPE html><br><html><br> <head><br> <meta charset="UTF-8"><br> <title></title><br> </head><br> <body><br> </body><br> <script type="text/javascript"><br> <br> // 屏幕的可视区域<br> window.onload = function(){<br> <br> // document.documentElement 获取的是html标签<br> console.log(document.documentElement.clientWidth);<br> console.log(document.documentElement.clientHeight);<br> // 窗口大小发生变化时，会调用此方法<br> window.onresize = function(){ <br> console.log(document.documentElement.clientWidth);<br> console.log(document.documentElement.clientHeight);<br> }<br><br> }<br> </script><br></html>

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

<!DOCTYPE html><br><html><br> <head><br> <meta charset="UTF-8"><br> <title></title><br> <style type="text/css"><br> *{padding: 0;margin: 0;}<br> </style><br> </head><br> <body style="width: 2000px;height: 2000px;"><br> <div style="height: 200px;background-color: red;"></div><br> <div style="height: 200px;background-color: green;"></div><br> <div style="height: 200px;background-color: yellow;"></div><br> <div style="height: 200px;background-color: blue;"></div><br> <div style="height: 200px;background-color: gray;"></div><br> <div id = 'scroll' style="width: 200px;height: 200px;border: 1px solid red;overflow: auto;padding: 10px;margin: 5px 0px 0px 0px;"><br> <p>学习新技能，达成人生目标，开始用自己的力量影响世界学习新技能，达成人生目标，开始用自己的力量影响世界学习新技能，达成人生目标，开始用自己的力量影响世界学习新技能，达成人生目标，开始用自己的力量影响世界学习新技能，达成人生目标，开始用自己的力量影响世界学习新技能，达成人生目标，开始用自己的力量影响世界学习新技能，达成人生目标，开始用自己的力量影响世界学习新技能，达成人生目标，开始用自己的力量影响世界学习新技能，达成人生目标，开始用自己的力量影响世界学习新技能，达成人生目标，开始用自己的力量影响世界学习新技能，达成人生目标，开始用自己的力量影响世界学习新技能，达成人生目标，开始用自己的力量影响世界<br> </p><br><br> </div><br><br> </body><br> <script type="text/javascript"><br><br> window.onload = function(){<br><br> //实施监听滚动事件<br> window.onscroll = function(){<br>// console.log(1111)<br>// console.log('上'+document.documentElement.scrollTop)<br>// console.log('左'+document.documentElement.scrollLeft)<br>// console.log('宽'+document.documentElement.scrollWidth)<br>// console.log('高'+document.documentElement.scrollHeight)<br><br><br> }<br><br> var s = document.getElementById('scroll');<br><br> s.onscroll = function(){<br>// scrollHeight : 内容的高度+padding 不包含边框<br> console.log('上'+s.scrollTop)<br> console.log('左'+s.scrollLeft)<br> console.log('宽'+s.scrollWidth)<br> console.log('高'+s.scrollHeight)<br> }<br> }<br><br> </script><br></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><br><html><br><head lang="en"><br> <meta charset="UTF-8"><br> <title></title><br> <style><br> div {<br> position: absolute;<br> left: 20px;<br> top: 30px;<br> width: 100px;<br> height: 100px;<br> background-color: green;<br> }<br> </style><br> <script src="jquery-3.3.1.js"></script><br> <script><br> jQuery(function () {<br> $("button").click(function () {<br> var json = {"width": 500, "height": 500, "left": 300, "top": 300, "border-radius": 100};<br> var json2 = {<br> "width": 100,<br> "height": 100,<br> "left": 100,<br> "top": 100,<br> "border-radius": 100,<br> "background-color": "red"<br> };<br> //自定义动画<br> $("div").animate(json, 1000, function () {<br> $("div").animate(json2, 1000, function () {<br> alert("动画执行完毕！");<br> });<br> });<br><br> })<br> })<br> </script><br></head><br><body><br><button>自定义动画</button><br><div></div><br></body><br></html>

第一个参数

第二个参数

默认两个都是false

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

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

移除属性

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

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

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

添加多个类名

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

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

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

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

获取值

父子之间

兄弟之间

$(selector).replaceWith(content); <br>

$(selector).remove();  <br>

$(selector).detach();  <br>

$(selector).empty();  <br>

.width()

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

.width( value )

.height()

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

.height( value )

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

.innerWidth()

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

.innerWidth(value);

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

.innerHeight();

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

.innerHeight(value);

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

.outerWidth( [includeMargin ] )

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

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

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

.outerWidth( value )

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

.outerHeight( [includeMargin ] )

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

includeMargin (默认: `false`)<br>类型： `Boolean`<br>一个布尔值，表明是否在计算时包含元素的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类型的参数，请求成功后调用的回调函数，有两个参数。<br>

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)。通常在本地和远程的内容编码不同时使用