[JavaScript知识库]jQuery

**

jQuery**

简称：“JQ”

? jQuery是一个快速、简洁的JavaScript框架(库，是继Prototype之后又一个优秀的JavaScript代码库（框架）于2006年1月由[John Resig](https://baike.baidu.com/item/John Resig/6336344)发布)

? jQuery设计的宗旨是“write Less，Do More”（写的少，干得多）

? jQuery封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互

? jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的CSS选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。

插件：是封装好的一个独立的功能代码，可供开发人员完成某个功能时直接使用的

库：是将很多功能代码封装到一起的，并不能帮助我们完成一整个项目

框架：可以帮助我们完成一整套的项目开发

一、jQuery起步

官网:http://www.jquery.com

手册：离线版(.chm或者PDF)

? 在线版:http://www.jq22.com

1.1 安装jquery

a. 下载jQuery库文件

? 从jq22.com网站上边下载

b. 导入jQuery库文件

  <!-- 第一种方法: 将jquery文件下载到本地再引入 -->
   <script src="./jquery-3.5.1.min.js"></script>
  <!-- 第二种:使用cdn的方式 在线的juqery文件   要求电脑必须连网   会导致网页加载速度变慢-->
    <script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-3.5.1.min.js"></script>

1.2 入口函数

又称作 预加载函数

<script>
// 第一种写法
$(document).ready(function(){
  // 在这里写你的代码...
});
   // 第二种写法
$(function(){
    // 在这里写你的代码...
})
</script>

JavaScript中获取html元素的方法

document.getElementById()

document.getElementsByTagName()

document.getElementsByName()

document.getElementsByClassName()

jQuery中获取对象的方法

? $()