JQuery入门基础

一、jQuery的介绍

jQuery 是一个快速、简洁的 **`JavaScript 库`**,其设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。
 

JavaScript库

**`仓库`**: 可以把很多东西放到这个仓库里面。找东西只需要到仓库里面查找到就可以了。

**`JavaScript库`**:即 library,是一个封装好的特定的集合(方法和函数)。从封装一大堆函数的角度理解库,就是在这个库中,封装了很多预先定义好的函数在里面,比如动画animate、hide、show,比如获取元素等。

 简单理解: 就是一个JS 文件,里面对我们原生js代码进行了封装,存放到里面。这样我们可以快速高效的使用这些封装好的功能了。

比如 jQuery,就是为了快速方便的操作DOM,里面基本都是函数(方法)

**常见的JavaScript 库**

- Prototype:是最早成型的JS库之一,对于JS的内置对象做了大量的扩展。
- Do jo:提供了很多奇特JS库没有提供的功能。例如:离线存储的API,生成图标的组件等等。
- YUI:是由Yahoo公司开发的一套完备的,扩展性良好的富交互网页程序工作集。
- Ext JS:原本是对YUI的一个扩展,主要用于创建前端用户界面。
- Moo Tools:是一套轻量、简洁、模拟化和面向对象的JS框架。      
- jQuery:同样是一个轻量级的库,拥有强大的选择器等更多优点,吸引了更多开发者去学习使用它。
- 移动端的zepto

> 这些库都是对原生 JavaScript 的封装,内部都是用 JavaScript 实现的,我们主要学习的是 jQuery。


1 What?
> j 就是 JavaScript; Query 查询; 意思就是查询js,把js中的DOM操作做了封装,我们可以快速的查询使用里面的功能。
>
> **jQuery 封装了 JavaScript 常用的功能代码,优化了 DOM 操作、事件处理、动画设计和 Ajax 交互。**
>
> **学习jQuery本质: 就是学习调用这些函数(方法)。**
>
> jQuery 出现的目的是加快前端人员的开发速度,我们可以非常方便的调用和使用它,从而提高开发效率。
- 一个优秀的 JS 函数库
- 使用了`jQuery`的网站超过 90%
- 中大型 WEB 项目开发首选
- `Write Less,Do More!!!`

2 Why?

- 轻量级。核心文件才几十kb,不会影响页面加载速度
- 跨浏览器兼容。基本兼容了现在主流的浏览器

- HTML 元素选取(选择器)
- HTML 元素操作
- CSS 操作
- HTML 事件处理
- JS 动画效果
- **链式调用** a().b().c()...
- **读写合一**
- 浏览器兼容
- 易扩展插件
- ajax 封装

 3 Where?

- 中大型网站开发
- 是一些前端框架的基础,比如EasyUI,Bootstrap

4 How?

**1. 引入`jQuery`库**

**2. 使用`jQuery`**

------

 二、jQuery基本使用

2.1 jQuery版本

**jQuery版本有很多,分为 1.x、2.x、 3.x**

- 1.x 版本:能够兼容 IE6, 7, 8 浏览器(不再更新版本)
- 2.x 版本:不兼容 IE6, 7, 8 浏览器(不再更新版本)
- 3.x版本:不兼容 IE6, 7, 8,更加的精简(在国内不流行,因为国内使用 jQuery 的主要目的就是兼容 IE6, 7, 8)

> 1.x 和 2.x 版本 jquery 都不再更新版本了,现在只更新3.x版本

 2.2 jQuery下载

官网:https://jquery.com/

- production (压缩过的版本,体积小,上线用)——生产版(压缩版)
- develepment(未压缩版本,开发时使用,适合查找)——开发版(测试版)

2.3 使用 jQuery

- **在页面中引入 jQuery 库**

~~~html



                    

你可能感兴趣的:(jquery,javascript,前端)