jQuery入门

简介

jQuery是一个JavaScript函数库，是目前流行的 JS 框架。
JQuery官方的主旨是：write less, do more（以更少的代码，实现更多的功能）
jQuery 的功能概括：

1. html 的元素选取
2. html的元素操作
3. html dom遍历和修改
4. js特效和动画效果
5. css操作
6. html事件操作
7. ajax异步请求方式

添加方式

在网页中使用JQuery需要添加JQuery的库，有两种添加方式：

1. 从JQuery官网：http://jquery.com/下载jQuery库
2. 从CDN中载入jQuery库
   

PS:国内的一些CND

1. 新浪静态资源公共库 http://lib.sinaapp.com/
2. Bootstrap中文网开源项目免费CDN加速服务 http://www.bootcdn.cn/

开发版本和生产版本

1. 生产版本 ­ 用于实际的网站中，已被精简和压缩。文件名称（*.min.js）
2. 开发版本 ­ 用于测试和开发（未压缩，是可读的代码）文件名称(*.js)

版本号选择

目前jQuery有三个大版本：

1. 1.x：兼容ie6、7、8,使用为广泛的，目前官方只做BUG维护，功能不再新增。 因此一般项目来说，使用1.x版本就可以了，目前终版本：1.12.4 (2016年5月20日)
2. 2.x：不兼容ie6、7、8，目前官方只做BUG维护，功能不再新增。如果不考虑兼 容低版本的浏览器可以使用2.x，目前终版本：2.2.4 (2016年5月20日)
3. 3.x：不兼容ie6、7、8，只支持新的浏览器。除非特殊要求，一般不会使用3.x 版本的，很多老的jQuery插件不支持这个版本。目前该版本是官方主要更新维护 的版本。目前新版本：3.3.1（2018年1月20日）

语法

通过 jQuery，您可以选取（查询，query） HTML 元素，并对它们执行"操 作"（actions）

1. 美元符号定义 jQuery
2. 选择符（selector）“查询"和"查找” HTML 元素
3. jQuery 的 action() 执行对元素的操作
4. jQuery 和 $ 是JQuery的变量；在后续代码的变量命名中不要使用这两个名称，也不要给这两个变量赋值！！如果覆盖JQuery可能失效
   注意： 所有 jQuery 函数位于一个 document的ready事件的回调函数中，这是为了防止文档在完全加载（就绪）之前运行 jQuery 代码，即在 DOM 加载完成后才可以对 DOM 进行操作。如果在文档没有完全加载之前就运行函数，操作可能失败。
   

简洁写法（与以上写法效果相同）: