从零玩转jQuery-初识jQuery

课前须知: 学习jQuery前必须先掌握Javascript
jQuery虽然属于前端技术, 但是对于后端人员(诸如Java、PHP等,也需要掌握)

• jQuery是一款优秀的Javascript库，从命名可以看出jQuery最主要的用途是用来做查询（jQuery=js+Query）.

• 在jQuery官方Logo下方还有一个副标题（write less, do more）, 体现了jQuery除了查询以外,还能让我们对HTML文档遍历和操作、事件处理、动画以及Ajax变得更加简单

• 体验jQuery

  • 原生JS设置背景（先不要求看懂代码，先看看谁更爽）

• 使用jQuery设置背景

• 强大选择器: 方便快速查找DOM元素

  • 如上面实例所展示一样，通过jQuery查找DOM元素要比原生js快捷很多

  • jQuery允许开发者使用CSS1-CSS3几乎所有的选择器,以及jQuery独创的选择器

• 链式调用: 可以通过.不断调用jQuery对象的方法

  • 如上面实例所展示一样，jQuery可以通过.（点）.不断调用jQuery对象的方法，而原生Javascript则不一定

• 隐式遍历(迭代): 一次操作多个元素

• 事件处理

• DOM操作(C增U改D删)

• 样式操作

• 动画

• 丰富的插件支持

• 浏览器兼容(前端开发者痛点)

  • 开发板: 所有代码没有经过压缩,体积更大(200-300KB)

  • 生产版:所有代码经过压缩,提及更小(30-40KB)

  • 初学者为了更好的理解jQuery编码时使用开发板,项目上线时为了提升访问速度使用生产版

  • 查看百度网页源码使用1.x

  • 查看腾讯网页源码使用1.x

  • 查看京东网页源码使用1.x

  • 综上所述学习1.x,选择1.x

  • 1.x：兼容ie678，但相对其它版本文件较大，官方只做BUG维护，功能不再新增，最终版本：1.12.4 (2016年5月20日).

  • 2.x：不兼容ie678，相对1.x文件较小，官方只做BUG维护，功能不再新增，最终版本：2.2.4 (2016年5月20日)

  • 3.x：不兼容ie678，只支持最新的浏览器，很多老的jQuery插件不支持这个版本，相对1.x文件较小，提供不包含Ajax/动画API版本。

  • 应该选择几点几版本jQuery?

  • 应该使用开发板还是生产版?

• ... ...

• 下载jQuery库

  • 下载地址: http://code.jquery.com/

• 引入下载的jQuery库

• 编写jQuery代码

作者：极客江南
链接：https://www.jianshu.com/p/73c48795060b