Jquery的效果(笔记内容七)

人生的方向随自己而走

已于 2022-11-27 21:53:56 修改

阅读量1.2k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： 2023年前端项目空间 2022年Java空间 HTML5+CSS 文章标签： jquery javascript html

于 2021-12-19 16:06:47 首次发布

本文链接：https://blog.csdn.net/qq_56248592/article/details/122024921

2022年Java空间同时被 3 个专栏收录

276 篇文章 ¥399.90 ¥499.90

订阅专栏

超级会员免费看

2023年前端项目空间

130 篇文章 ¥399.90 ¥499.90

订阅专栏

超级会员免费看

HTML5+CSS

45 篇文章

订阅专栏

这篇博客详细介绍了jQuery的各种效果实现，包括设置单样式、设置多样式、淡入淡出切换、滑动向上/向下、显示/隐藏、增加/删除/切换类等。通过实例代码演示了这些功能的使用，帮助读者深入理解jQuery在页面动态效果和内容操作上的强大能力。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!--导入jquery文件-->
    <script src="jquery-3.6.js"></script>
    <title>操作综合练习题</title>
    <style>
        *{
            margin: 0px;
            padding: 0px;
            font-size: 20px;
            font-weight: bold;
            text-shadow: 5px 5px 5px red;
            background-color: #CCFFFF;


        }
        button{

            background: #FF0000;
            color: white;
            font-weight: bolder;
            margin-right: 200px;
            padding: 2px;
            border: solid 1px dodgerblue;
            height: 80px;
            width: 200px;
        }
        div{
            height: 100px;