• 技术文章 >web前端 >前端问答

    jquery怎么删除元素classname

    长期闲置长期闲置2022-06-02 15:47:53原创316

    在jquery中,可以利用removeClass()方法删除元素classname,该方法的作用就是从被选元素移除一个或多个类,若没有规定参数则删除元素的所有类,语法为“元素对象.removeClass("classname")”。

    本教程操作环境:windows10系统、jquery3.2.1版本、Dell G3电脑。

    jquery删除元素classname

    removeClass() 方法从被选元素移除一个或多个类。

    注释:如果没有规定参数,则该方法将从被选元素中删除所有类。

    语法

    $(selector).removeClass(class)

    class可选。规定要移除的 class 的名称。

    如需移除若干类,请使用空格来分隔类名。

    如果不设置该参数,则会移除所有类。

    示例如下:

    <html>
    <head>
    <script type="text/javascript" src="/jquery/jquery.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
      $("button").click(function(){
        $("p").removeClass("intro");
      });
    });
    </script>
    <style type="text/css">
    .intro
    {
    font-size:120%;
    color:red;
    }
    </style>
    </head>
    <body>
    <h1 id="h1">This is a heading</h1>
    <p class="intro">This is a paragraph.</p>
    <p>This is another paragraph.</p>
    <button>从第一个段落中删除类</button>
    </body>
    </html>

    输出结果:

    +6.gif

    视频教程推荐:jQuery视频教程

    以上就是jquery怎么删除元素classname的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:jquery
    上一篇:jquery对象与dom对象的转换方法是什么 下一篇:jquery表单提交的方法有哪几种
    20期PHP线上班

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• jquery中delay方法怎么取消• jquery中的gt跟lt选择器怎么用• jquery怎么删除兄弟级元素的属性• jquery事件的unbind()方法怎么用• jquery怎么根据id来隐藏div
    1/1

    PHP中文网