持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第10天，点击查看活动详情

什么是jQuery

jQuery 是一个 JavaScript 函数库。

jQuery 是一个轻量级的"写的少，做的多"的 JavaScript 库。

下载

官网下载

我们来看一下，jQuery官网在这里插入图片描述 写的少做的多 下载未编译或者是编译完的一般下载压缩完的就好，这里下载可能会出现直接都是文本的情况，我们可以右键选择另存为，这样就是js文件了

jQuerycdn引入

www.jq22.com/cdn/ 在这里插入图片描述可以直接把链接放到项目中去

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
</head>
<body>

</body>
</html>

通过 jQuery，您可以选取（查询，query） HTML 元素，并对它们执行"操作"（actions）。

jQuery语法

jQuery 语法是通过选取 HTML 元素，并对选取的元素执行某些操作。

基础语法： $(selector).action()

$(document).ready(function(){
 
   // 开始写 jQuery 代码...
 
});

简化：

$(function(){
 
   // 开始写 jQuery 代码...
 
});

jQuery动画效果

隐藏和显示

jQuery hide() 简单的jQuery hide()方法演示。

jQuery hide() 另一个hide()实例。演示如何隐藏文本。

$("#hide").click(function(){
  $("p").hide();
});
 
$("#show").click(function(){
  $("p").show();
});

初识jQuery