语法篇JQuery基础

墨蓝 2024-04-17 11:46 90阅读 0赞

**目录**

一、初识JQuery

1.1JQuery介绍

导入方式

常用公式

1.2快速入门

二、JQuery入门

2.1文档就绪函数

2.2名称冲突

2.3JQuery选择器

表单选择器

2.4JQuery过滤器

基础过滤器(Basic Fiter)

子元素过滤器

内容过滤器

可见性过滤器

三、JQuery事件与特效

3.1JQuery事件

文档/窗口事件

键盘事件

编辑 鼠标事件

表单事件

jQuery事件绑定与解除

3.2特效

jQuery隐藏和显示

jQuery淡入和淡出

jQuery滑动

jQuery动画

改变元素位置

3.3jQuery方法链接

四、JQuery DOM

jQuery获取和设置

text()

Html()

attr()

CSS()

jQuery添加

append()和preappend()

after()和before（）

jQuery删除

jQuery类属性

addclass（）

编辑 removeClass（）

toggleclass（）

jQuery尺寸编辑

五、JQuery 遍历

5.1HTNL家族树

5.2jQuery后代遍历

children():

find():

5.3 jQuery同胞遍历

5.4 jQuery祖先遍历

--------------------

## 一、初识JQuery ##

### 1.1JQuery介绍 ###

> jQuery是一个快速、简洁的JavaScript框架，它是John Resig在2006年创建的一个开源项目。它封装了JavaScript常用的功能代码，提供了一种简便的JavaScript设计模式，优化了HTML文档操作、事件处理、动画设计和Ajax交互。它的设计宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情

> 如果想了解更多关于jQuery的信息，可以访问以下链接：
> 
>  *  [jQuery官方网站][jQuery]
>  *  [jQuery中文网][jQuery 1]
>  *  [jQuery教程][jQuery 2]
>  *  [jQuery API文档][jQuery API]
>  *  [常用][Link 1]

#### 导入方式 ####

#### 常用公式 ####

公式：$(selector).action()

### 1.2快速入门 ###

选择器

![8061ca6f639448cab26919cd90f47ab3.png][]

除此之外CSS所有选择器都支持

事件

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <script src="https://cdn.bootcss.com/blueimp-md5/2.10.0/js/md5.min.js"></script>
        <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
        <style>
            #divMouse{
                width: 500px;
                height: 500px;
                border: 1px solid red;
            }
        </style>
    </head>
    <body>
    mouse: <span id="mouseMove"></span>
    <div id="divMouse">
        在这里点击鼠标试试
    </div>
    <script>
        $(function (){
            $('#divMouse').mousemove(function (e){
                $('#mouseMove').text('x:'+e.pageX+'y:'+e.pageY);
            })
        });
    </script>
    </body>
    </html>

DOM

![0fba203d52ef4b0bb1007da1c4259cfb.png][]

### 1.3功能概述 ###

>  *  jQuery 库包含以下功能
>  *  HTML/ DOM操作
>  *  CSS 操作
>  *  HTML 事件函数
>  *  JavaScript 特效和动画
>  *  AJAX
>  *  Utilities

![4d54d88e50d84c758d496261c8dd05b9.png][]

## 二、JQuery入门 ##

### 2.1文档就绪函数 ###

> 为了避免文档在加载完成前就运行了jQuery代码导致潜在的错误，所有的jQuery函数都需要写在一个文档就绪( document ready )函数中。例如当前HTML页面还没有加载完，因此某HTML元素标签可能还无法查询获取

![e9b35d855f984e5384c0a36fd8227a75.png][]

### ![0926746a8627475bbde8182ae0a1ce54.png][] ###

### 2.2名称冲突 ###

> jQuery通常使用美元符号$作为简写方式，但在同时使用了多个JavaScript函数库的HTML文档中jQuery就有可能与其他同样使用$符号的函数(例如Prototype )冲突因此jQuery使用noConfict()方法自定义其他名称来替换可能产生冲突的$符号表达方式。.

![e612c554722c4473ad16a267bf2bcdc5.png][]

### 2.3JQuery选择器 ###

>  *  基础选择器(Basic Selector)
>  *  属性选择器(Attribute Selector)
>  *  表单选择器(Form Selector)
>  *  层次选择器(Hierarchy Selector)
>  *  jQuery CSS选择器

基础选择器

![d07ca0e917cc4ee19bb9691c2a0a6868.png][]

进阶

![86c62578b04f4c74acbb976acfbf83fd.png][]

属性选择器

![0210f3eb5926473c8c6cf84514fc91f8.png][]

进阶

![0b8b8b847a594b06a7abdd7830cb1714.png][]

#### 表单选择器 ####

![70d65ce4635a443b8ec42aaf41099ba6.png][]![488994b648984fb4b1a4de7a95301d84.png][]

代码示例![aef9f9bdee234921aaef0220d0e4ecdf.png][]

![524d18f697524257b61d4d91c1d51a7a.png][]

层次选择器

CSS选择器

![2a832a71c16e4ea2b52c6e6380a04eeb.png][]

### 2.4JQuery过滤器 ###

>  *  基础过滤器(Basic Fiter)
>  *  子元素过滤器(Child Filter)
>  *  内容过滤器(Content Filter)
>  *  可见性过滤器(Visibility Fiter)

#### 基础过滤器(Basic Fiter) ####

> **:first 和:last** 
> 
> :first 和:last 是用来选择一组元素中的第一个或最后一个元素的方法  
> ![b445fc99c0ba4929bd6321c36ddc07da.png][]
> 
> ![1d62844e9aad4fcbaf05869a5e8cf955.png][]

> **:even 和 :odd** 
> 
> **:even 和 :odd** 是 JQuery 的过滤器，用来选择一组元素中的偶数或奇数索引的元素。
> 
> ![820ff5ef084341268f1fca63fa41ef09.png][]

> **:eq()、:gt() 和:It()**
> 
> :eq()、:gt() 和:lt() 是 JQuery 的过滤器，用来选择一组元素中的特定索引或索引范围的元素。
> 
> ![7cd27e573bc044078ebbfe872b67a2cb.png][]
> 
> ![81fc370139204f338d8a8424e27c8acf.png][]
> 
> ![3e30d8e79bf446c4a924550c909a0745.png][]

> ：not()
> 
> ![7c729438fc0c43648567455540650989.png][]
> 
> ![f23967c30ae846f5bef3ec36b1c0f6af.png][]

> :header
> 
> ![32c0949c37e7431db5beb05e3e1639d2.png][]

#### 子元素过滤器 ####

![7954a67d4f2f4f698fef253c553b07b3.png][]

> **:first-child**  
> :first-child过滤器用于筛选页面.上每个父元素中的第一个子元素
> 
> ![5424e3244b0a4b4399f50c1b05cb7676.png][]

>  **:last-child**  
> :last-child过滤器用于筛选页面上每个父元素中的最后一个子元素
> 
> ![e4def87b6db44774b5eae0da7f3e0138.png][]

> **:nth-child**  
> :nth-child()过滤器用于筛选页面上每个父元素中的第n个子元素，序号从1开始计数。
> 
> ![d13dab7ecd0240b386f388b05be6ae85.png][]

> **:only-child**  
> :only-child过滤器用于筛选所有在父元素中有且仅有一个的子元素。  
> ![149dfa38202e45f7beed46d8c7a1e398.png][]

#### 内容过滤器 ####

![6d71338fa4384ab689b1adea57603f88.png][]

>  **:contains( )**  
> :contains()过滤器用于筛选出所有包含指定文本内容的元素
> 
> :contains()过滤器的筛选文本是大小写敏感型
> 
> ![7d7c80d826bc40f1aac888b94f3221a2.png][]

> **:empty**  
> :empty过滤器用于选择未包含子节点(子元素和文本)的元素
> 
> ![7a50fc9fdf894d978ac76af5075e5b54.png][]

>  **:parent**  
> :parent过滤器用于选择包含了子节点(子元素和文本)的元素，其语法结构如下:
> 
> ![6269b22b670f4d009a23368fc254ecec.png][]

> **:has**  
> :has()过滤器用于选择包含指定选择器的元素
> 
> ![5ad81a7b43b54ccf8353846bb50ed175.png][]

#### 可见性过滤器 ####

![e18bd2adfc764a2da338855ba0262ea1.png][]

> :hidden  
> :hidden过滤器用于筛选出所有处于隐藏状态的元素
> 
> ![3b9a2900c3aa47a488409490b12c1739.png][]
> 
> ![dac96e2f830d401b9138765b3c74fbe8.png][]

> :visible  
> :visible过滤器用于筛选出所有处于可见状态的元素
> 
> ![1a32c73e6c4b4c6281ae51d6944972fb.png][]

## 三、JQuery事件与特效 ##

### 3.1JQuery事件 ###

>  *  文档/窗口事件
>  *  键盘事件
>  *  鼠标事件
>  *  表单事件

#### ![ce09433d670c4dbe9332e165ebc7215f.png][] ####

#### 文档/窗口事件 ####

![340edbff98a3436f80fa47ac2c260078.png][]

> ![bd0ac231a00e455ead52e51ced2bc4f6.png][]
> 
> ![c2d26796ef66419b97534ee8f5bfb1c1.png][]![11932c1a6aa24a1199e25c97af8590e0.png][]
> 
> ![41e097ad4f564c21a32ac6b50e649b91.png][]

#### 键盘事件 ####

![90a8785c01734b0784e66cec2d3d2a13.png][]

#### ![6c10bb8f8fb74281a50368a402305ece.png][] 鼠标事件 ####

![d5b4f1812c5b45afa828a3ba2e1ee0cb.png][]![3223ced2bcc342f2a3ce2ecbeb18d738.png][]

#### 表单事件 ####

![6effef66344e471e952096fb9340803d.png][]

> ![fcb0a708b0f74280a9904e848c9f532b.png][]
> 
> 该事件的选择器初期只能是表单元素，目前已经适用于任意HTML元素。通过鼠标点击元素以外的位置，或者键盘Tab按键等方式均可以令元素失去焦点。
> 
> ![1b963a47aada41c9810246861591e8cd.png][]
> 
> ![93c45c8d91b649c89f9e76d2e2bd64cd.png][]

> ![495bea39c45a412faf17e39c8a318aa7.png][]
> 
> ![7a09e514883d416cbe2202606c8571e5.png][]![d81009fc62e04fb4980c4bcb83511b7f.png][]
> 
> ![2f8615224fa54896841dfd2743a345a3.png][]

> ![ccd9a240a3c645d2871ed3edb0b78c47.png][]
> 
> ![450e97a902694255931185a6d07d5cfc.png][]

#### jQuery事件绑定与解除 ####

> 在jQuery中，HTML元素的事件监听是可以通过特定的方法来绑定或者解除的。本章节将介绍如何为指定的HTML元素绑定事件、解除事件以及追加临时事件

>  *  jQuery事件绑定
>  *  jQuery事件解除
>  *  jQuery临时事件

> HTML元素的事件监听也可以通过特定的方法来绑定或者解除，在jQuery1.7之后的版本中推荐使用on()和off()方法代替之前所有的事件绑定和解绑方法。

> 当一个元素需要监听多个事件时，可使用on()方法同时注册 后期动态添加的元素（页面初始化时不存在），其事件监听必须使用on注册
> 
> ![80c2d1145c974a5284d96ca33c1ef229.png][]

### 3.2特效 ###

>  *  jQuery隐藏和显示
>  *  jQuery淡入和淡出
>  *  jQuery滑动
>  *  jQuery动画
>  *  jQuery方法链接
>  *  jQuery停止动画

#### jQuery隐藏和显示 ####

> jQuery可以控制元素的隐藏和显示，包括自定义变化效果的持续时间。其中hide()方法用于隐藏指定的元素，show() 方法用于显示指定的元素。![ec3304d66ccb4682af0262d68190de25.png][]
> 
> jQuery toggle() 方法用于切换元素的隐藏和显示该方法可以替代hide()和show()方法单独使用  
> 用于显示已隐藏的元素，或隐藏正在显示的元素
> 
> ![7ff76c0aed064778be98b3175d4d2187.png][]

#### jQuery淡入和淡出 ####

> ![10592b3b0fc1429b99fb27ab79660534.png][]
> 
> ![7375c9a4b1ab4d239076e0e81fba1bf7.png][]

#### jQuery滑动 ####

>  *  jQuery slideDown()
>  *  jQuery slideUp()
>  *  jQuery slideToggle()

![c59e96a699874e1e8e52cefa6c9469e8.png][]

#### jQuery动画 ####

>  *  改变元素基本属性
>  *  改变元素位置
>  *  动画队列
>  *  停止动画

![c5d7fc095147425b870fa79305dbcb7e.png][]

#### 改变元素位置 ####

![0d3b7d1cc6e44d0587d4d1658cfeb51f.png][]

### 3.3jQuery方法链接 ###

> jQuery允许在同一个元素上连续运行多条jQuery命令，这种技术成为jQuery方法链接( Chaining )对于同一个元素，如果有多个动作需要依次执行，只需要将新的动作追加到上一个动作后面，形成一个方法链，无需每次重复查找选择相同的元素。

![addd653d0d9b4d6cbd1995ad85e271e2.png][]

### ![1da74bd05d6a43988aaebc3312a82398.png][] 四、**JQuery DOM** ###

>  *  jQuery获取和设置
>  *  jQuery添加
>  *  jQuery删除
>  *  jQuery类属性
>  *  jQuery尺寸

### jQuery获取和设置 ###

![d4df6ad6bdc5403fb1d7649adfa8cda1.png][]

#### text() ####

![01c8fbb38d3248beba4dbc9a25f5193f.png][]

![f940174ac8bc49eb8ab49b1990977cd6.png][]

#### Html() ####

![42a64e2add0c4f628b9248d8c7cbc2e3.png][]

#### attr() ####

#### ![596908b2adb5410abb2453272adf5789.png][] CSS() ####

![273d64994b1046dab5fdc15e36915dde.png][]

#### prop() ####

### ![4eda803ee58b4384bd14580663cf09f6.png][] ###

### ![38a94b4150e8451298a610ba55281a88.png][] ###

### jQuery添加 ###

![3a7d6f98d25641ae879d22d09a4eea15.png][]

#### append()和preappend()![22389fb3feec4d66a30e8eeb13f51862.png][] ####

#### after()和before（） ####

![3ae5d222d79449e4a1ced43d3f43005e.png][]

### jQuery删除 ###

>  *  jQuery remove()
>  *  jQuery empty()
>  *  jQuery removeAttr()

jQuery remove()

![8c5f44a9a3bc42979184cd66c28a7051.png][]

jQuery empty()![7e9ab5545b124b80bf863817c681ee97.png][]

jQuery removeAttr()![7c352c8be3f34f9fa94a6b92ab2accbd.png][]

### jQuery类属性 ###

![ddff92b30b7d4677afb607db1c779615.png][]

#### ![910b6935b4af418aa7d7ec1a4f84570b.png][] ####

#### addclass（） ####

#### ![f3c7fa81ceb5434e8ac45ac15158eb2e.png][] removeClass（） ####

略

#### toggleclass（） ####

![ead2529a92b5472f884cb04d339201cd.png][]

### jQuery尺寸  
 ![560d5edc5aef4983b0bf5ea91b26f059.png][] ###

## 五、**JQuery 遍历** ##

### 5.1HTNL家族树 ###

> 同一个HTML页面上的所有元素按照层次关系可以形成树状结构，这种结构称为家族树( Family Tree )。  
> 最常见的遍历方式统称为树状遍历( Tree Traversal )

![32a9f424e55448b1a1ab5ff19e6c0f81.png][]

### 5.2jQuery后代遍历 ###

> 常用的方法有:
> 
>  *  children():查找元素的直接子元素
>  *  find():查找元素的全部后代，直到查找到最后一层元素。

#### children(): ####

![d8736904960744b1bcaa66efa2538bd1.png][]

![5b20f8ca9df34b98a2b8dc6481dae71e.png][]

![abeb00f1372947ddb0fd5bc388f67856.png][]

#### find(): ####

![c6fa5f6c7c8a4380a4bb224a0d36c4b5.png][]

![111f67b926b94982a08aab6110aac3dd.png][]

### 5.3 jQuery同胞遍历 ###

> jQuery同胞遍历指的是以指定元素为出发点，遍历与该元素具有相同父元素的同胞元素，直到全部查找完毕。

![293847819bca4ad6b6554f6bdcb056cb.png][]

![bef3fdd4dcd448a98de7e082d4e6c234.png][]

### 5.4 jQuery祖先遍历 ###

> jQuery祖先遍历指的是以指定元素为出发点，遍历该元素的父、祖父、曾祖父元素等，直到全部查找完毕。

![9c5b20675fe74698b329838648463884.png][]

![4a94a5d27a594ad7a6846d8a6825f91e.png][]

[jQuery]: https://jquery.com/
[jQuery 1]: https://www.jquery123.com/
[jQuery 2]: https://www.runoob.com/jquery/jquery-tutorial.html
[jQuery API]: https://api.jquery.com/
[Link 1]: https://jquery.cuishifeng.cn/
[8061ca6f639448cab26919cd90f47ab3.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/a1cc2319d87c4ad59c5e6236ebc71fdc.png
[0fba203d52ef4b0bb1007da1c4259cfb.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/7e6b01ecea7c4e85abcb00c8dcf872b2.png
[4d54d88e50d84c758d496261c8dd05b9.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/6f341d021e8b4713ab2629df7324bde6.png
[e9b35d855f984e5384c0a36fd8227a75.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/f3be377c5f8542b288605820335efe37.png
[0926746a8627475bbde8182ae0a1ce54.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/b1776591898a465986dea8b301161aeb.png
[e612c554722c4473ad16a267bf2bcdc5.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/29f27bccd8864d82ad92d1c830f035b0.png
[d07ca0e917cc4ee19bb9691c2a0a6868.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/77408760024247f088da1d04f4571582.png
[86c62578b04f4c74acbb976acfbf83fd.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/4ca6814117ba42a99f7a8998a9c94305.png
[0210f3eb5926473c8c6cf84514fc91f8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/4ad437dbc37240a58d437fe4f4776c18.png
[0b8b8b847a594b06a7abdd7830cb1714.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/5b4670e6b2094bacbb4066062ef3e6ef.png
[70d65ce4635a443b8ec42aaf41099ba6.png]: https://img-blog.csdnimg.cn/70d65ce4635a443b8ec42aaf41099ba6.png
[488994b648984fb4b1a4de7a95301d84.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/45f1be6add3f4107b4fdf58b7a965399.png
[aef9f9bdee234921aaef0220d0e4ecdf.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/56faf718a8d14c73b91472bbfef82ae7.png
[524d18f697524257b61d4d91c1d51a7a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/1ff8a5e8222946128881ca3b16617f87.png
[2a832a71c16e4ea2b52c6e6380a04eeb.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/01c919faeda645689532c8f15294c2bf.png
[b445fc99c0ba4929bd6321c36ddc07da.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/698616348fcf491887406e0d45735f43.png
[1d62844e9aad4fcbaf05869a5e8cf955.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/ebcbf8eda01f4b4cb66ecb54f90a779b.png
[820ff5ef084341268f1fca63fa41ef09.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/a17870e4d06344ad832cd299756182f7.png
[7cd27e573bc044078ebbfe872b67a2cb.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/5d0227bf3e444bdf8f7320badbe00f72.png
[81fc370139204f338d8a8424e27c8acf.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/d2ccd91cf8534abf938325eeb6fedbe1.png
[3e30d8e79bf446c4a924550c909a0745.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/13c18d2a99894ec199cd3b1cb10ec61c.png
[7c729438fc0c43648567455540650989.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/97d51e5555cf4a7dad928af18210760d.png
[f23967c30ae846f5bef3ec36b1c0f6af.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/b254aeb7c12a4107ae16892a6a5cf54c.png
[32c0949c37e7431db5beb05e3e1639d2.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/94fb4eae32784759976594a390460190.png
[7954a67d4f2f4f698fef253c553b07b3.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/0e8aae91be974b239c731cdf7fbe5d68.png
[5424e3244b0a4b4399f50c1b05cb7676.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/4d35bf98dd094d26b48f5153f4466b61.png
[e4def87b6db44774b5eae0da7f3e0138.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/54327413417740e0a71939ddee4f8adf.png
[d13dab7ecd0240b386f388b05be6ae85.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/a39d7990adf6429184f030ce9529a05d.png
[149dfa38202e45f7beed46d8c7a1e398.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/c137eb3ff3c0489d92acd61e3f3a9217.png
[6d71338fa4384ab689b1adea57603f88.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/440c64af8bbd4553b5124c2485546ccf.png
[7d7c80d826bc40f1aac888b94f3221a2.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/f67cb8f5e00f4a25905e496f313cdb8a.png
[7a50fc9fdf894d978ac76af5075e5b54.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/21e0a6629e134da4b41a9ba052785e62.png
[6269b22b670f4d009a23368fc254ecec.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/998f4b72a91e4030b21336f9f9824084.png
[5ad81a7b43b54ccf8353846bb50ed175.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/d4c075e8bc354e61a0a086acbc0ecd55.png
[e18bd2adfc764a2da338855ba0262ea1.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/83163f2cde464e86b9a44f6ffb69a0fd.png
[3b9a2900c3aa47a488409490b12c1739.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/98e315fd1433434ea46c833f122add8c.png
[dac96e2f830d401b9138765b3c74fbe8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/f9223b47eae64ab1b5063f03174501e0.png
[1a32c73e6c4b4c6281ae51d6944972fb.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/a321580f3d09440f9f4626fddaffdbe8.png
[ce09433d670c4dbe9332e165ebc7215f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/5b5dbc57fe1447c8950f091a0b14df2d.png
[340edbff98a3436f80fa47ac2c260078.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/b659fcef14b44b578e1256e3aefacbfb.png
[bd0ac231a00e455ead52e51ced2bc4f6.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/4ca279ebe57b466096f4953c9c2d98ca.png
[c2d26796ef66419b97534ee8f5bfb1c1.png]: https://img-blog.csdnimg.cn/c2d26796ef66419b97534ee8f5bfb1c1.png
[11932c1a6aa24a1199e25c97af8590e0.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/c1f0e2d9cc5c48e3a5bf5944ccd4502b.png
[41e097ad4f564c21a32ac6b50e649b91.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/40c7ae32de9e4caaa2386d75c765b806.png
[90a8785c01734b0784e66cec2d3d2a13.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/11d21da6290142aea6d21aab23fcb6d3.png
[6c10bb8f8fb74281a50368a402305ece.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/45b67c9d70254d1f889e32ca6e0a72a6.png
[d5b4f1812c5b45afa828a3ba2e1ee0cb.png]: https://img-blog.csdnimg.cn/d5b4f1812c5b45afa828a3ba2e1ee0cb.png
[3223ced2bcc342f2a3ce2ecbeb18d738.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/b8a8508ab800469696db42d07855a442.png
[6effef66344e471e952096fb9340803d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/69e2f2532d92498bab8d97bf17656778.png
[fcb0a708b0f74280a9904e848c9f532b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/32adfd0e2e7d48079b3a1ecb01c94f60.png
[1b963a47aada41c9810246861591e8cd.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/1e6a1762eea3456cbe9c6711cba564e2.png
[93c45c8d91b649c89f9e76d2e2bd64cd.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/01a6efd2d6c74224b16e899a4deb11c4.png
[495bea39c45a412faf17e39c8a318aa7.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/3ab5efe9940e42a48e4a5f96d48033bb.png
[7a09e514883d416cbe2202606c8571e5.png]: https://img-blog.csdnimg.cn/7a09e514883d416cbe2202606c8571e5.png
[d81009fc62e04fb4980c4bcb83511b7f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/1408b87e2a1043b984f7fc63ac7f00e8.png
[2f8615224fa54896841dfd2743a345a3.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/7a5ed6c34904436bb36eacbdbd10e096.png
[ccd9a240a3c645d2871ed3edb0b78c47.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/07b447ff7105414c8a96b00f474657bf.png
[450e97a902694255931185a6d07d5cfc.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/ee2d356d48a24b1ea2c205b7cc6c0336.png
[80c2d1145c974a5284d96ca33c1ef229.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/9bce9bdb831f4f0298d9e52f88cccdd7.png
[ec3304d66ccb4682af0262d68190de25.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/8d666f98e6504461ac4c31326adaf9fa.png
[7ff76c0aed064778be98b3175d4d2187.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/bcf38666e4b2440f985a4740e85d7bf1.png
[10592b3b0fc1429b99fb27ab79660534.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/70307e2e44bd450695ca6d3dd255ecba.png
[7375c9a4b1ab4d239076e0e81fba1bf7.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/e82f513f9e5b497388f5bcea026b5c23.png
[c59e96a699874e1e8e52cefa6c9469e8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/84032ed052ee4026b8105d2db1b24b97.png
[c5d7fc095147425b870fa79305dbcb7e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/8145f7a8e76f4da8b6b367c3c0599d5f.png
[0d3b7d1cc6e44d0587d4d1658cfeb51f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/8bcd8765d6e64ee98fb10c5e49e4af90.png
[addd653d0d9b4d6cbd1995ad85e271e2.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/7003c021104841f1a0c765f728bc263e.png
[1da74bd05d6a43988aaebc3312a82398.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/0f802070e06a40a59178e6cfa319635c.png
[d4df6ad6bdc5403fb1d7649adfa8cda1.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/2899d49f21e044fea162d9bf04b722d7.png
[01c8fbb38d3248beba4dbc9a25f5193f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/1232606e10b74d6ebcb8d0b5924f9506.png
[f940174ac8bc49eb8ab49b1990977cd6.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/ba6cd7da500f4b9db471def570d4488e.png
[42a64e2add0c4f628b9248d8c7cbc2e3.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/052d3a6a3aac47a189a7fa239ff670f0.png
[596908b2adb5410abb2453272adf5789.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/35eb824fb0314dc6b71d4f96acf1084a.png
[273d64994b1046dab5fdc15e36915dde.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/88fba9ee28094d0596d8928a1fd0d29e.png
[4eda803ee58b4384bd14580663cf09f6.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/2b36f871624f475c906594b177469fa2.png
[38a94b4150e8451298a610ba55281a88.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/7833832cc4014a4c868237bdc7e9b80b.png
[3a7d6f98d25641ae879d22d09a4eea15.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/32576c50a0d04999a0d14cb2b55a4ba0.png
[22389fb3feec4d66a30e8eeb13f51862.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/87c4b71065d54c9e9a0851d5156eff1c.png
[3ae5d222d79449e4a1ced43d3f43005e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/f982f20bd2dd435d8846574949c599c6.png
[8c5f44a9a3bc42979184cd66c28a7051.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/30cad691549d47458ab28593b71d1328.png
[7e9ab5545b124b80bf863817c681ee97.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/26dfb6f979c54947829425a8d633d913.png
[7c352c8be3f34f9fa94a6b92ab2accbd.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/04250837324042e8919c111fc5bb83c9.png
[ddff92b30b7d4677afb607db1c779615.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/f9c372d95533462592895d7274917d71.png
[910b6935b4af418aa7d7ec1a4f84570b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/20d4b01d53034096bf0b9e5d8cdeee47.png
[f3c7fa81ceb5434e8ac45ac15158eb2e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/691f855802bc42cf993548c6ff95dbb8.png
[ead2529a92b5472f884cb04d339201cd.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/a123ab37ced74750bf7f8a937ee64538.png
[560d5edc5aef4983b0bf5ea91b26f059.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/35ed9c61e8304947a769020557711947.png
[32a9f424e55448b1a1ab5ff19e6c0f81.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/d5dc4e744b32460dacb731e948c2f1ba.png
[d8736904960744b1bcaa66efa2538bd1.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/768e4aaed3214096b364bc5e8bc3beba.png
[5b20f8ca9df34b98a2b8dc6481dae71e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/5307bcc8b3fa436db331fd9045f31042.png
[abeb00f1372947ddb0fd5bc388f67856.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/63b8fec4d0d149ec8b7768be169bc23b.png
[c6fa5f6c7c8a4380a4bb224a0d36c4b5.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/67e57503602f443787c3960b09918167.png
[111f67b926b94982a08aab6110aac3dd.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/08259b6787ba4c2e83110540a654b2fb.png
[293847819bca4ad6b6554f6bdcb056cb.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/d1defb9cf496491481cb0a244a50ffce.png
[bef3fdd4dcd448a98de7e082d4e6c234.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/b8187cf9ae3942ee95f65be6e202db3e.png
[9c5b20675fe74698b329838648463884.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/4e090c362ef049c2974b3fb78eb8d185.png
[4a94a5d27a594ad7a6846d8a6825f91e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/788168218a4047c5ae75c036895a5640.png