jQuery基础

> 🥲 🥸 🤌 🫀 🫁 🥷 🐻‍❄️ 🦤 🪶 🦭 🪲 🪳 🪰 🪱 🪴 🫐 🫒 🫑 🫓 🫔 🫕 🦤
> 🪶 🦭 🪲 🪳 🪰 🪱 🐻‍❄️ 🫐 🫒 🫑 🫓 🫔 🫕
>
> ♔博主昵称：�欢快↑㎡
>
> 🕍博客主页：�欢快↑㎡的博客_CSDN博客-学习注意点杂记,BUG集,安装教程领域博主
>
> ⚇很方便的在线编辑器：Lightly
>
> 🥗感谢点赞 🤞🏻评论 🤞🏻收藏
>
> 相信吧！ 🤜🏻我们很优秀，还可以更加优秀，加油！ 🌼让我们一起在写作中记录巩固学习吧！

---

什么是jQuery?

jQuery是一个JavaScript库，极大的简化了JavaScript编程。

jQuery库包含功能：

• HTML 元素选取

• HTML 元素操作

• CSS 操作

• HTML 事件函数

• JavaScript 特效和动画

• HTML DOM 遍历和修改

• AJAX

• Utilities

jQuery还提供大量的插件

jQuery的安装

下载地址：从 jQuery.com 下载 jQuery 库

包含两个版本：

• Production version - 用于实际的网站中，已被精简和压缩。

• Development version - 用于测试和开发（未压缩，是可读的代码）

然后引用即可，在HTML5中可以省略type="text/javascript"

也可以通过CDN引用

<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>

其他的也可以：Staticfile CDN、百度、又拍云、新浪、谷歌或微软的 jQuery

可以在浏览器的 Console 窗口中使用 $.fn.jquery 命令查看当前 jQuery 使用的版本

jQuery语法

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

• 美元符号定义 jQuery

• 选择符（selector）"查询"和"查找" HTML 元素

• jQuery 的 action() 执行对元素的操作

实例：

• $(this).hide() - 隐藏当前元素

• $("p").hide() - 隐藏所有 <p> 元素

• $("p.test").hide() - 隐藏所有 class="test" 的 <p> 元素

• $("#test").hide() - 隐藏 id="test" 的元素

ready函数类似与初始化，会将文档加载完毕，我们可以在函数里面写初始化数据或者页面一打开就需要做的动作。

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

简洁写法：

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

这样可以避免文档未加载完则执行jQuery代码。

jQuery用法

jQuery选择器