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

无人久伴 提交于 2020-02-04 04:51:26

一、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,如下图:
    在这里插入图片描述
  3. 点进去之后会发现里面分了几种版本,如下图:
    在这里插入图片描述
    第一个production jQuery是我们生产环节的jQuery,是压缩过的。
    第二个是development jQuery是开发中使用的jQuery,没有被压缩过。
    这里我用的是第一个因为比较小,全选,之后复制在新建的jquery.min.js文件中。
  4. 这就完成了我们的jQuery的下载过程。

如何引入jQuery

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

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!