参考：jQuery权威指南
jQuery初步
jQuery选择器
jQuery操作dom
jQuery操作dom事件
jQuery插件
jQuery操作Ajax
jQuery动画与特效
jQuery实现导航栏
jQuery实现点击式选项卡
jQuery实现select三级联动
//1.load(url, [data], [callback])：载入远程 HTML 文件代码并插入至 DOM 中。
//url:待装入 HTML 网页网址。
//data:发送至服务器的 key/value 数据。在jQuery 1.3中也可以接受一个字符串了。
//callback:载入成功时回调函数。
//默认使用 GET 方式 - 传递附加参数时自动转换为 POST 方式
$("#feeds").load("feeds.html");//载入feeds.html文件至当前dom元素
//2.Ajax全局函数获取JSON数据：jQuery.getJSON(url, [data], [callback])
// url:发送请求地址。
// data:待发送 Key/value 参数。
// callback:载入成功时回调函数。
// 获取JSON数据，并装载到页面
$.getJSON('userInfo.json', function(data) {
$(".divFrame").empty();
var strHtml="";
$.each(data,function(index, info) {
strHtml += "姓名："+info["name"]+"<br>";
strHtml += "性别："+info["sex"]+"<br>";
strHtml += "邮箱："+info["email"]+"<hr>";
});
$(".divFrame").html(strHtml);
});
//userInfo.json
[
{
"name":"张三",
"sex":"男",
"email":"123@163.com"
},
{
"name":"李四",
"sex":"男",
"email":"123@163.com"
}
]
//3.Ajax全局函数获取Script脚本，jQuery.getScript(url, [callback])
//并且直接执行
//加载并执行 test.js ，成功后显示信息。
$.getScript("test.js", function(){
alert("Script loaded and executed.");
});