jQuery动态添加CSS类到元素的示例代码和解释

这个示例展示了如何使用jQuery动态地向HTML元素添加CSS类。通过这种方式，可以根据特定的条件或事件向元素添加或移除类，从而改变其样式和行为。

// HTML中的一个按钮元素
<button id="myButton">点击我添加类</button>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function(){
    // 当按钮被点击时执行函数
    $('#myButton').click(function(){
        // 向按钮添加名为 'highlight' 的CSS类
        $(this).addClass('highlight');
        // 控制台打印提示信息
        console.log('CSS类已添加到按钮');
    });
});
</script>

免责申明：文章和图片全部来源于公开网络，如有侵权，请通知删除 server@dude6.com