jQuery小记

jQuery优势:

1.轻量级

2.强大的选择器

3.出色的DOM操作封装

4.完善的事件和事件对象兼容机制

5.完善的ajax

6.不污染全局变量（$可以随时交出控制权）

7.出色的浏览器兼容

8.方便的链式操作

9.隐形迭代（一般情况下不需要for循环遍历dom对象）

10.完善的文档（官方文档相当完善，官方blog每次都会有详细说明）

11.丰富的插件

.$(document).ready()与window.onload的区别

1.执行时间

window.onload必须等到页面包括图片的所有元素加在完毕后才能执行。$(document).ready()是DOM结构绘制完毕后就执行，不必等到加载完毕。

2.编写个数不同

window.onload不能同时编写多个，如果有多个window.onload方法，只会执行一个$(document).ready()可以同时编写多个，并且都可以得到执行

3.简化写法

window.onload没有简化写法

$(document).ready(function(){})可以简写成$(function(){});

jQuery的ajax异步请求接收返回json数据。

jquery的ajax异步请求接收返回json数据方法设置简单，一个是服务器处理程序是返回json数据，另一种就是ajax发送设置的datatype设置为jsonp格式数据或json格式都可以。这篇文章对此进行了实例介绍,需要的朋友可以参考下

jquery的ajax异步请求接收返回json数据方法设置简单，一个是服务器处理程序是返回json数据，另一种就是ajax发送设置的datatype设置为jsonp格式数据或json格式都可以。

代码示例如下：代码如下:

$('#send').click(function () {    $.ajax({        type : "GET",        url : "a.php",        dataType : "jsonp",        success : function (data) {            $.each(data.items, function (i, item) {                $("<img class='para'/> ").attr("src", item.media.m).appendTo("#resText");                if (i == 3) {                    return false;                }            });        }    });});

$.ajax方法如下：

代码如下:

$.ajax({    type: "POST",   url:  ctxRoot+'FolderAction!saveInformSetting.action',   data: 'jsonStr=' + inform_settingListStr,   dataType: "json",   complete: function(data){       //在这里做些事情，假设返回的json数据里有name这个属性       //有时候可以直接data.name或者data['name']去访问       //但有时候，却要通过var jsonData = eval("("+data.responseText+")");才可以通过jsonData.name访问，而且这种情况下，需要是complete而不是success   }   });

$.ajax(options)

这是最根本的JQuery Ajax方法，只有一个参数options，该options参数中包含了请求信息和回调函数的信息。参数内容都是key:value对形式出现，并且都是可选的。

语法如下：

$.ajax({options});
url：(string)发送请求的地址，可以是服务器页面也可以是WebService动作。
type：(string)请求方式，POST或GET
data：(object)向服务器发送请求时带去的数据。是key:value对形式，如：{name:"grayworm",sex:"male"}，如果是数组{works:["work1","work2"]}
dataType：(string)预期返回的数据类型。xml,html,json,text等
beforeSend：（Function）发送ajax请求前被触发，如果返回false则取消本次请求。如果异步请求需要显示gif动画，那应当在这里设置相应<img>的可见。