jQuery 简介

Posted 书和咖啡

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery 简介相关的知识,希望对你有一定的参考价值。

本教程我们来学习 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 的区别

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

以上是关于jQuery 简介的主要内容,如果未能解决你的问题,请参考以下文章

markdown 在WordPress中使用jQuery代码片段

使用 NodeJS 和 JSDOM/jQuery 从代码片段构建 PHP 页面

很实用的JQuery代码片段(转)

几个有用的JavaScript/jQuery代码片段(转)

几个非常实用的JQuery代码片段

高效Web开发的10个jQuery代码片段