简介
jQuery是一个JavaScript函数库,是目前流行的 JS 框架。
JQuery官方的主旨是:write less, do more(以更少的代码,实现更多的功能)
jQuery 的功能概括:
- html 的元素选取
- html的元素操作
- html dom遍历和修改
- js特效和动画效果
- css操作
- html事件操作
- ajax异步请求方式
添加方式
在网页中使用JQuery需要添加JQuery的库,有两种添加方式:
- 从JQuery官网:http://jquery.com/下载jQuery库
- 从CDN中载入jQuery库
PS:国内的一些CND
- 新浪静态资源公共库 http://lib.sinaapp.com/
- Bootstrap中文网开源项目免费CDN加速服务 http://www.bootcdn.cn/
开发版本和生产版本
- 生产版本 用于实际的网站中,已被精简和压缩。文件名称(*.min.js)
- 开发版本 用于测试和开发(未压缩,是可读的代码)文件名称(*.js)
版本号选择
目前jQuery有三个大版本:
- 1.x:兼容ie6、7、8,使用为广泛的,目前官方只做BUG维护,功能不再新增。 因此一般项目来说,使用1.x版本就可以了,目前终版本:1.12.4 (2016年5月20日)
- 2.x:不兼容ie6、7、8,目前官方只做BUG维护,功能不再新增。如果不考虑兼 容低版本的浏览器可以使用2.x,目前终版本:2.2.4 (2016年5月20日)
- 3.x:不兼容ie6、7、8,只支持新的浏览器。除非特殊要求,一般不会使用3.x 版本的,很多老的jQuery插件不支持这个版本。目前该版本是官方主要更新维护 的版本。目前新版本:3.3.1(2018年1月20日)
语法
通过 jQuery,您可以选取(查询,query) HTML 元素,并对它们执行"操 作"(actions)
- 美元符号定义 jQuery
- 选择符(selector)“查询"和"查找” HTML 元素
- jQuery 的 action() 执行对元素的操作
- jQuery 和 $ 是JQuery的变量;在后续代码的变量命名中不要使用这两个名称,也不要给这两个变量赋值!!如果覆盖JQuery可能失效
注意: 所有 jQuery 函数位于一个 document的ready事件的回调函数中,这是为了防止文档在完全加载(就绪)之前运行 jQuery 代码,即在 DOM 加载完成后才可以对 DOM 进行操作。如果在文档没有完全加载之前就运行函数,操作可能失败。
简洁写法(与以上写法效果相同):