JQuery 操作Class实现前端交互方案（推荐）

作者：System 时间：2024年08月23日分类：所有,jquery 字数：754

这篇文章距离上次修改已过234天，其中的内容可能已经有所变动。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jQuery Class操作示例</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script>
        $(document).ready(function() {
            // 点击按钮时，切换div的class
            $('#myButton').click(function() {
                $('#myDiv').toggleClass('hidden');
            });
        });
    </script>
    <style>
        .hidden {
            display: none;
        }
    </style>
</head>
<body>
    <button id="myButton">点击我</button>
    <div id="myDiv" class="hidden">这是一个可隐藏的div。</div>
</body>
</html>

这个示例中，我们使用jQuery的toggleClass函数来切换一个元素的hidden类。当按钮被点击时，关联的div会切换显示/隐藏状态。通过这种方式，我们可以简单地控制元素的可见性，而无需使用条件判断或直接操作DOM属性。

JQuery 操作Class实现前端交互方案（推荐）

评论已关闭

推荐阅读