图片放大镜插件——jqzoom

在调用jqzoom图片放大镜插件时，需要准备一大一小两张一样的图片，在页面中显示小图片，当鼠标在小图片中移动时，调用该插件的jqzoom()方法，显示与小图片相同的大图片区域，从而实现放大镜的效果，调用格式如下：

图片灯箱插件——lightBox

该插件可以用圆角的方式展示选择中的图片，使用按钮查看上下张图片，在加载图片时自带进度条，还能以自动播放的方式浏览图片，调用格式如下：

通过表单form插件，调用ajaxForm()方法，实现ajax方式向服务器提交表单数据，并通过方法中的options对象获取服务器返回数据，调用格式如下：

其中form参数表示表单元素名称；options是一个配置对象，用于在发送ajax请求过程，设置发送时的数据和参数。

表单验证插件——validate

该插件自带包含必填、数字、URL在内容的验证规则，即时显示异常信息，此外，还允许自定义验证规则，插件调用方法如下：

其中form参数表示表单元素名称，options参数表示调用方法时的配置对象，所有的验证规则和异常信息显示的位置都在该对象中进行设置。

使用ajaxSetup()方法可以设置Ajax请求的一些全局性选项值，设置完成后，后面的Ajax请求将不需要再添加这些选项值，它的调用格式为：

使用serialize()方法可以将表单中有name属性的元素值进行序列化，生成标准URL编码文本字符串，直接可用于ajax请求，它的调用格式如下：

$(selector).serialize()

与get()方法相比，post()方法多用于以POST方式向服务器发送数据，服务器接收到数据之后，进行处理，并将处理结果返回页面，调用格式如下：

使用get()方法时，采用GET方式向服务器请求数据，并通过方法中回调函数的参数返回请求的数据

$(form).validate({options})

其中form参数表示表单元素名称，options参数表示调用方式时的配置对象，所有的验证规则和异常信息显示的位置都在该对象中进行设置

(1)required:true               必输字段 (2)remote:"check.php"          使用ajax方法调用check.php验证输入值 (3)email:true                  必须输入正确格式的电子邮件 (4)url:true                    必须输入正确格式的网址 (5)date:true                   必须输入正确格式的日期 (6)dateISO:true                必须输入正确格式的日期(ISO)，例如：2009-06-23，1998/01/22 只验证格式，不验证有效性 (7)number:true                 必须输入合法的数字(负数，小数) (8)digits:true                 必须输入整数 (9)creditcard:                 必须输入合法的信用卡号 (10)equalTo:"#field"           输入值必须和#field相同 (11)accept:                    输入拥有合法后缀名的字符串（上传文件的后缀） (12)maxlength:5                输入长度最多是5的字符串(汉字算一个字符) (13)minlength:10               输入长度最小是10的字符串(汉字算一个字符) (14)rangelength:[5,10]         输入长度必须介于 5 和 10 之间的字符串")(汉字算一个字符) (15)range:[5,10]               输入值必须介于 5 和 10 之间 (16)max:5                      输入值不能大于5 (17)min:10                     输入值不能小于10

使用ajaxStart()和ajaxStop()方法 ajaxStart()和ajaxStop()方法是绑定Ajax事件。ajaxStart()方法用于在Ajax请求发出前触发函数，ajaxStop()方法用于在Ajax请求完成后触发函数。它们的调用格式为： $(selector).ajaxStart(function())和$(selector).ajaxStop(function()) 其中，两个方法中括号都是绑定的函数，当发送Ajax请求前执行ajaxStart()方法绑定的函数，请求成功后，执行ajaxStop ()方法绑定的函数。

<script type="text/javascript">

            $(function () {

                $.ajaxSetup({

                url: "http://www.imooc.com/data/check.php"

                    type:"POST",

                success:function(data){

                        $("ul").append("<li>你输入的<b>  "

.ajax()函数的参数里面是一个数组对象，对象里面有url、data、dataType、type、success、error等等。分别每个表示如下:
url:请求服务器地址的路劲
data:请求时传递的数据
dataType:请求时的数据类型
type:请求时的请求类型，有get方式和post方式，默认不加的话是get方式
success:请求后成功回调事件
error:请求后失败回调事件

GET后退按钮/刷新无害，POST数据会被重新提交（浏览器应该告知用户数据会被重新提交）。GET书签可收藏，POST为书签不可收藏。GET能被缓存，POST不能缓存 。GET编码类型application/x-www-form-url，POST编码类型encodedapplication/x-www-form-urlencoded 或 multipart/form-data。为二进制数据使用多重编码。GET历史参数保留在浏览器历史中。POST参数不会保存在浏览器历史中。GET对数据长度有限制，当发送数据时，GET 方法向 URL 添加数据；URL 的长度是受限制的（URL 的最大长度是 2048 个字符）。POST无限制。GET只允许 ASCII 字符。POST没有限制。也允许二进制数据。与 POST 相比，GET 的安全性较差，因为所发送的数据是 URL 的一部分。在发送密码或其他敏感信息时绝不要使用 GET ！POST 比 GET 更安全，因为参数不会被保存在浏览器历史或 web 服务器日志中。GET的数据在 URL 中对所有人都是可见的。POST的数据不会显示在 URL 中。

load()方法是加载.html文件；getJSON()方法是加载.json文件；getScript()方法是加载.js文件；get()方法是加载.php文件

使用getScript()方法异步请求并执行服务器中的JavaScript格式的文件，它的调用格式如下所示： jQuery.getScript(url,[callback])或$.getScript(url,[callback]) 参数url为服务器请求地址，可选项callback参数为请求成功后执行的回调函数。

使用getJSON()方法可以通过Ajax异步请求的方式，获取服务器中的数据，并对获取的数据进行解析，显示在页面中，它的调用格式为：

jQuery.getJSON(url,[data],[callback])或$.getJSON(url,[data],[callback])

其中，url参数为请求加载json格式文件的服务器地址，可选项data参数为请求时发送的数

一．$.getjson的调用格式是$.getjson(url,function(data)，url是指你请求的地址，data是指你请求的地址所响应给你的json数据。 二．$.each(data, function (index, sport)中为什么$可以遍历数据? jq 两种传入对象的方式  把data理解成一个对象  each 是一个函数 第一种   $(obj).each(function(index,value){ })  在对象上调用each函数 第二种   $.each(obj,function(index,value){ })  这种是把obj 当作对象传入 函数 each 道理是一样的。 三．jQuery.each(array, callback ) $.each(data, function (index, sport) 其中data为json里的那个数组，index为对应数组的索引，sport为对应索引的值。 而这个索引对应的值sport在数组里又是个对象，我们要的是该对象的name属性的值，所以要这样写sport.name，而name又是字符串所以要变成sport["name"]。 对象调用属性有两种写法。第一obj.name 第二一般针对属性是字符串的形式obj[name] 四、disabled 属性规定应该禁用 input 元素。