jQuery-----概述及基本使用

曾经终败给现在 2023-07-03 06:17 22阅读 0赞

## 一、jQuery概述 ##

**jQuery的概念**

jQuery是一个快速、简洁的JavaScript库，其设计的宗旨是“ 写更少的代码，做更多的事情。”
      j就是JavaScript；Query查询；意思就是查询js,把js中的DOM操作了封装，我们可以快速的查询使用里面的功能。
      jQuery封装了JavaScript常用的功能代码，优化了DOM操作、事件处理、动画设计和Ajax交互。
      学习jQuery的本质就是学习调用这些函数（方法）。

**jQuery的优点**

1.  轻量级，核心文件才几十kb，不会影响页面的加载速度
2.  跨浏览器兼容
3.  链式编程、隐式迭代
4.  对事件、样式、动画支持，大大简化了DOM操作
5.  支持插件扩展开发，有丰富的第三方插件，如：树形菜单、日期控件、轮播图等
6.  免费、开源

## 二、jQuery的基本使用 ##

**jQuery的下载**

1.  去官方网址下载  
    官方网址：https://jquery.com
2.  点击download，如下图：  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMDc4NDI0_size_16_color_FFFFFF_t_70]
3.  点进去之后会发现里面分了几种版本，如下图：  
    ![在这里插入图片描述][20200203133344700.png]  
    第一个production jQuery是我们生产环节的jQuery，是压缩过的。  
    第二个是development jQuery是开发中使用的jQuery，没有被压缩过。  
    这里我用的是第一个因为比较小，全选，之后复制在新建的jquery.min.js文件中。
4.  这就完成了我们的jQuery的下载过程。

**如何引入jQuery**

引用的方法和js引用基本一样，在里面写上`<script src="jquery.min.js"></script>`即可。

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMDc4NDI0_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/2020020313310020.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMDc4NDI0,size_16,color_FFFFFF,t_70
[20200203133344700.png]: https://img-blog.csdnimg.cn/20200203133344700.png