个人技术分享

jQuery概述

Query 查询的意思, jQuery就是用javascript更加方便的查询和控制页面控件。

Jquery是一个优秀的Javascript框架。
它是轻量级的js库(压缩后只 有不到100k) ,它兼容CSS3,还兼容各种浏览器 (IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+)。

jQuery使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX 交互。jQuery还有一个比较大的优势是,它的文档说明很全,而且各 种应用也说得很详细,同时还有许多成熟的插件可供选择。

jQuery能 够使用户的html页保持代码和html内容分离,也就是说,不用再在 html里面插入一堆js来调用命令了,只需定义id即可。

JQuery成就

全世界排名前100万的网站,有47%使用JQuery
是javascript应用最广的库
微软把JQuery作为官方库
ECMA可能将会采用JQuery的一些语法和应用

在中国有很多知名大型网站都在使用jquery库,比如 京东、迅 雷、12306购票网站、央视网、凡客、苏宁易购、聚美优品、 乐蜂网等等…

jQuery优势

体积小、加载快

兼容各种主流浏览器

代码简洁、功能强大

例:获得id属性值为’menu’的ul列表中的所有li标签

jQuery异步请求

一直都以为ajax异步请求都是差不多这种形式：

$.ajax({
type: “post/get”,
url: “url”,
data: {“a”:a,“b”:b},
dataType: “text”,
success: function (data) {… },
error: function (msg) {…}
});

其实错了，从API查看，$.ajax(url,[settings]);才是准确的。最简单的$.ajax()可以不带参数直接使用。可以看出除url所有的参数都是可选的。

常用的参数

url:String类型，发送请求的地址；
type:String类型，默认为“GET”。请求方式有“POST”、“GET”；
async:Boolean类型，默认为true。所有请求均为异步请求。如果设置为false，则所有请求为同步请求。注：同步请求会锁住浏览器；
timeout:Number类型，请求超时时间。此设置会覆盖全局设置；
context:Object类型，这个对象用于设置Ajax相关回调函数的上下文。也就是说让回调函数内this指向这个对象(如果不设定这个参数，那么this就指向调用本次AJAX请求时传递的options参数)。比如指定一个DOM元素作为context的参数，这样就设置了success回调函数的上下文为这个DOM元素。
$.ajax({ url: “test.html”, context: document.body, success: function(){
$(this).addClass(“done”);
}});