jQuery是一个JavaScript函数库。
jQuery是一个轻量级的"写的少，做的多"的JavaScript库。
jQuery库包含以下功能：
1、html 的元素选取
2、html的元素操作
3、html dom遍历和修改
4、js特效和动画效果
5、css操作
6、html事件操作
7、ajax异步请求方式
jQuery 版本 2 以上不支持 IE6，7，8 浏览器。
如果需要支持 IE6/7/8，那么请选择1.9
你还可以通过条件注释在使用 IE6/7/8 时只包含进1.9。
<!--[if lt IE 9]>
<script src="jquery-1.9.0.js"></script>
<![endif]-->
<!--[if gte IE 9]><!-->
<script src="jquery-2.0.0.js"></script>
<!--<![endif]-->
安装引入jQuery
使用百度、又拍云、新浪、谷歌或微软的 jQuery，有一个很大的优势：
许多用户在访问其他站点时，已经从百度、又拍云、新浪、谷歌或微软加载过 jQuery。所有结果是，当他们访问您的站点时，会从缓存中加载 jQuery，这样可以减少加载时间。同时，大多数 CDN 都可以确保当用户向其请求文件时，会从离用户最近的服务器上返回响应，这样也可以提高加载速度。
<head>
百度
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">
又拍云
<script src="http://upcdn.b0.upaiyun.com/libs/jquery/jquery-2.0.2.min.js">
新浪
<script src="http://lib.sinaapp.com/js/jquery/2.0.2/jquery-2.0.2.min.js">
谷歌(国内不稳定)
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
</head>
通过 jQuery，您可以选取（查询，query） HTML 元素，并对它们执行"操作"（actions）。
$(document).ready(function(){
// 开始写 jQuery 代码...
});
$(function(){
// 开始写 jQuery 代码...
});
以上两个代码完全是同样的意思：
这是为了防止文档在完全加载（就绪）之前运行 jQuery 代码，即在 DOM 加载完成后才可以对 DOM 进行操作。
如果在文档没有完全加载之前就运行函数，操作可能失败。下面是两个具体的例子：
（1） 试图隐藏一个不存在的元素
（2） 获得未完全加载的图像的大小
CSS常用的选择器
常用[CSS选择器有：
ID选择器：#name{color:red} 对应的控件： <input id="name" value="test"/>
类选择器：.name{color:red} 对应的控件： <input class="name" value="test"/>
元素选择器：div {color:red} 对应的控件： <div>ceshi</div>
子选择器：ul > li {color:red} 对应的控件：<ul><li>test</li></ul>
后代选择器：div p {color:red} 对应的控件： <div><p>test</p></div>
伪类选择器：a:hover {color:red} 对应的控件： <a href="#">test</a>
属性选择器：input[type="text"] {color:red} <input type="text" value="test" />
默认情况下，所有的HTML元素是静态位置的，不可移动的，如果需要改变，我们要讲元素的position属性设置为，relative fixed
可以用 animate() 方法来操作所有 CSS 属性吗？是的，几乎可以！不过，需要记住一件重要的事情：当使用 animate() 时，必须使用 Camel 标记法书写所有的属性名，比如，必须使用 paddingLeft 而不是 padding-left，使用 marginRight 而不是 margin-right，等等。
同时，色彩动画并不包含在核心 jQuery 库中。
如果需要生成颜色动画，您需要从 jquery.com 下载 颜色动画 插件。
callBack回调
jQuery链（Chaining）
一条语句中运行多个jQuery方法(相同元素上)，这样浏览器就不必去多次查找相同的元素。，比如链接一个动作，您只需简单把该动作追加到之前的动作上
$("#p1").css("color","red").slideUp(2000).slideDown(2000);
提示：当进行链接时，代码行会变得很差。不过，jQuery 语法不是很严格；您可以按照希望的格式来写，包含换行和缩进。
jQuery会抛掉多余的空格，并当成一行长代码来执行上面的代码行。
