PHP程序员小白到大牛集训(12期免息)
视频教程分类
推荐视频教程
  • php程序员小白到大牛三个月集训php程序员小白到大牛三个月集训
  • Laravel 9 学习正当时—保姆级教程,想学不会都难!Laravel 9 学习正当时—保姆级教程,想学不会都难!
  • 千万级数据并发解决方案(理论+实战)千万级数据并发解决方案(理论+实战)
  • Laravel基础与实战(模块化)Laravel基础与实战(模块化)
  • 首页 >web前端 >前端问答 > 正文

    jquery怎么删除元素classname

    原创2022-06-02 15:47:53653 关注公众号:每天精选资源文章推送

    在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中文网其它相关文章!

    20期PHP线上班

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。

  • 相关标签:jquery
  • 相关文章

    相关视频


    专题推荐