本教程我们来学习 JQuery
的基础入门知识。JQuery
是一个快速、简洁的 JavaScript
框架,是继 Prototype
之后又一个优秀的 JavaScript
代码库。jQuery
极大的简化了 JavaScript
编程,例如以前要一大段 JavaScript 代码才能实现的功能,使用 jQuery
很轻松就能完成。
JQuery 发展历程
历程 | 发展 |
---|---|
2005年8月 | Prototype的 “Behaviour” 库的改进 |
2006年1月 | John Resig 等人于 1 月份创建 jQuery ,8 月第一个稳定版本 |
2007年 | jQuery1.1.3 版本发布 |
2008年 | jQuery1.2.6 版本发布 |
2009年1月 | jQuery 1.3版发布 |
2010年1月 | jQuery1.4 版本发布 |
2011年1月 | jQuery1.5 版本发布 |
2012年8月 | jQuery1.8 版本发布 |
2013年1月 | jQuery1.9 版本发布 |
2013年4月 | jQuery2.0 版本发布,除去对IE 6-8的支持以提高性能,并降低文件大小 |
2016年6月 | jQuery3.0 版本发布, |
jQuery的优势
轻量级,
jQuery
的体积较小,压缩之后,大约只有 100KB。强大的选择器,
jQuery
支持几乎所有的CSS
选择器,以及jQuery
自定义的特有选择器。出色的
DOM
封装,jQuery
封装了大量常用的DOM
操作,使开发者在编写DOM
操作相关程序的时候能够更加得心应手。浏览器兼容性,
jQuery
消除了浏览器兼容问题。可靠的事件处理机制,
jQuery
的事件处理机制吸收了JavaScript
中的事件处理函数的精华,使得jQuery
在处理事件绑定时非常可靠。提供了丰富多彩的页面动态效果。
与
Ajax
技术的完美结合,极大地方便了程序的开发,增强了页面交互, 提升了用户体验。有丰富的插件支持,目前已经有成百上千的官方插件支持,而且不断有新插件面世。
jQuery库的主要功能
HTML 元素选取
HTML/DOM 操作
CSS 操作
JavaScript 效果和动画
HTML DOM 遍历和修改
AJAX
Utilities
除此之外,jQuery
还提供了一些插件供我们使用,对于代码的实现方便且快捷。
jQuery和原生 JavaScript 的区别
- 原生
JavaScript
的API
名字太长,不容易记住,jQuery
的API
名字容易记住。 - 原生
JavaScript
有的代码冗余,jQuery
的代码简洁。 - 原生
JavaScript
中的属性或者方法有些浏览器无法兼容,jQuery
帮我们解决了浏览器兼容问题。 - 原生
JavaScript
容错率比较低,前面的代码出现问题,后面的代码执行不到。jQuery
容错率比较高,前面的代码出现问题,不影响后面的代码。 - 原生
JavaScript
不能添加多个入口函数,如果添加了多个,后面的会把前面的覆盖掉。jQuery
可以写多个入口函数。