领先的免费Web技术教程，涵盖HTML到ASP.NET

网站首页 > 知识剖析 正文

jQuery 简介 jquery的用法

nixiaole 2024-12-28 14:38:49 知识剖析 13 ℃

本教程我们来学习 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 可以写多个入口函数。

Tags：

猜你喜欢

最近发表
标签列表