jquery当中toggleClass的用法

最新推荐文章于 2024-05-23 20:35:52 发布

qq_44594371

最新推荐文章于 2024-05-23 20:35:52 发布

阅读量537

点赞数

分类专栏： javascript 文章标签： toggleClass jquery jquery

原文链接：https://blog.csdn.net/mark_to_win/article/details/88683271

版权

javascript 专栏收录该内容

27 篇文章

订阅专栏

本文介绍了一个使用jQuery的toggleClass方法的示例。当点击<P>标签时，会触发一个事件，使得该标签在有qieClass样式时去掉样式，否则添加样式。这个例子展示了如何使用jQuery来动态切换元素的CSS类。

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

例 1.4（toggleClass.html）
<html>
<head>
<title>toggleClass()方法</title>
<style type="text/css">

</style>
<script language="javascript" src="jquery.js"></script>
<script language="javascript">
$(function(){
    //当点击<P>标签时触发事件
    $("p").click(function(){
        //this表标jquery对象$("p")
        //点击的时候不断切换,当有qieClass样式时就去掉样式，否则添加样式

。
        /*通过下面的方法可以回到传统的模式*/
        alert(this.firstChild.nodeValue);
        $(this).toggleClass("qieClass");