网站首页 > 基础教程 正文
本教程我们来学习 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 可以写多个入口函数。
猜你喜欢
- 2024-11-24 前端移动开发基础HTML5丶CSS3+零基础Web前端开发工程师高端培训
- 2024-11-24 前端JQuery异步加载文件机制
- 2024-11-24 深圳嘉华学校:什么是JQuery?
- 2024-11-24 jQuery文档抄录
- 2024-11-24 jquery是干什么的--乐字节前端
- 2024-11-24 如何使用 JavaScript 或 jQuery 获取元素的所有属性
- 2024-11-24 jQuery是什么?如何使用?
- 2024-11-24 GO语言全栈大纲
- 2024-11-24 jquery1.9以上版本.toggle()的替代实现方法
- 2024-11-24 jQuery3.6.0发布,存在JSONP错误也返回JSON
- 最近发表
- 标签列表
-
- gitpush (61)
- pythonif (68)
- location.href (57)
- tail-f (57)
- pythonifelse (59)
- deletesql (62)
- c++模板 (62)
- css3动画 (57)
- c#event (59)
- linuxgzip (68)
- 字符串连接 (73)
- nginx配置文件详解 (61)
- html标签 (69)
- c++初始化列表 (64)
- exec命令 (59)
- canvasfilltext (58)
- mysqlinnodbmyisam区别 (63)
- arraylistadd (66)
- node教程 (59)
- console.table (62)
- c++time_t (58)
- phpcookie (58)
- mysqldatesub函数 (63)
- window10java环境变量设置 (66)
- c++虚函数和纯虚函数的区别 (66)