Jquery简介

2.1 开篇基础

          jQuery 是一款跨主流浏览器的 JavaScript 库，封装了 JavaScript 相关方法调用，简化 JavaScript 对 HTML DOM 操作

官网地址： https://jquery.com/

官网首页 jQuery 介绍：

原文翻译：

        jQuery 是一个快速，小巧，功能丰富的 JavaScript 库。 它通过易于使用的 API 在大 量浏览器中运行，使得 HTML 文档遍历和操作，事件处理，动画和 Ajax 变得更加简单。 通 过多功能性和可扩展性的结合，jQuery 改变了数百万人编写 JavaScript 的方式。

2.1.1 为什么 [why] 使用 jQuery

         非常重要的理由就是：它能够兼容市面上主流的浏览器， IE 和 FireFox ， Google 浏览器 处理 AJAX ，创建异步对象是不同的，而 jQuery 能够使用一种方式在不同的浏览器创建 AJAX 异步对象。

        其他优点：

（ 1 ）写少代码 , 做多事情【 write less do more 】

（ 2 ）免费，开源且轻量级的 js 库，容量很小

（ 3 ）兼容市面上主流浏览器，例如 IE ， Firefox ， Chrome

（ 4 ）能够处理 HTML/JSP/XML 、 CSS 、 DOM 、事件、实现动画效果，也能提供异步 AJAX功能

（ 5 ）文档手册很全，很详细

（ 6 ）成熟的插件可供选择，多种 js 组件，例如日历组件（点击按钮显示下来日期）

（ 7 ）出错后，有一定的提示信息

（ 8 ）不用再在 html 里面通过 <script> 标签插入一大堆 js 来调用命令了

例如：使用 JavaScript 定位 DOM 对象常用的三种方式：

（ 1 ）通过 ID 属性： document.getElementById()

（ 2 ）通过 class 属性： getElementsByClassName()

（ 3 ）通过标签名： document.getElementsByTagName()

上面代码可以看出 JavaScript 方法名太长了，大小写的组合太多了，编写代码效率，容易出

错。 jQuery 分别使用 $(“#id”) , $(“.class 名 ”) , $(“ 标签名 ) 封装了上面的 js 方法。

2.1.2 DOM 对象

        文档对象模型（ Document Object Model ，简称 DOM ），是 W3C 组织推荐的处理可扩展 标志语言的标准编程接口。

        通过 DOM 对 HTML 页面的解析，可以将页面元素解析为元素节点、属性节点和文本节 点，这些解析出的节点对象，即 DOM 对象。 DOM 对象可以使用 JavaScript 中的方法。

2.1.3 JavaScript 对象和 jQuery 对象

        用 JavaScript 语法创建的对象叫做 JavaScript 对象 , JavaScript 对象只能调用 JavaScript 对 象的 API 。

        用 JQuery 语法创建的对象叫做 JQuery 对象 , jQuery 对象只能调用 jQuery 对象的 API 。 jQuery 对象是一个数组。在数组中存放本次定位的 DOM 对象。

      JQuery 对象与 JavaScript 对象是可以互相转化的，一般地，由于 Jquery 用起来更加方便， 我们都是将 JavaScript 对象转化成 Jquery 对象

2.1.4 获取 jQuery

官网下载地址： https://jquery.com/download/

 

     jQuery 的不同版本中， 2.xx 不再支持 IE6/7/8 浏览器。现阶段 IE6/7/8 已经是淘汰的， 非主流。可以不用考虑兼容问题。

       对于每一个同一版本号的 jQuery ，其库又分为两个。一个是未压缩版，可查看源码， 开发时使用；一个是压缩版，将注释、空格均做了删除，将变量字符数减少，产品上线时使 用。