专业编程基础技术教程

网站首页 > 基础教程 正文

jQuery 简介

ccvgpt 2024-11-24 12:24:59 基础教程 1 ℃

本教程我们来学习 JQuery 的基础入门知识。JQuery 是一个快速、简洁的 JavaScript 框架,是继 Prototype 之后又一个优秀的 JavaScript 代码库。jQuery 极大的简化了 JavaScript 编程,例如以前要一大段 JavaScript 代码才能实现的功能,使用 jQuery 很轻松就能完成。

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 的区别

  • 原生 JavaScriptAPI 名字太长,不容易记住,jQueryAPI 名字容易记住。
  • 原生 JavaScript 有的代码冗余,jQuery 的代码简洁。
  • 原生 JavaScript 中的属性或者方法有些浏览器无法兼容,jQuery 帮我们解决了浏览器兼容问题。
  • 原生 JavaScript 容错率比较低,前面的代码出现问题,后面的代码执行不到。jQuery 容错率比较高,前面的代码出现问题,不影响后面的代码。
  • 原生 JavaScript 不能添加多个入口函数,如果添加了多个,后面的会把前面的覆盖掉。jQuery 可以写多个入口函数。

Tags:

最近发表
标签列表