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

    jquery怎样点击按钮去掉一行样式

    长期闲置长期闲置2022-01-14 12:11:48原创83

    方法:1、利用“.class”选择器给指定的一行元素设置样式;2、给按钮绑定点击事件并指定处理函数;3、在函数中利用removeClass()方法去除指定行元素的类即可去除一行样式,语法为“元素对象.removeClass("指定类")”。

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

    jquery怎样点击按钮去掉一行样式

    可以利用.class选择器给指定的元素设置样式。

    这样就可以一次性去除元素的样式,使用css方法也能够去除样式,但是不能直接全部去除,因此使用了removeClass方法。

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

    示例如下:

    <html>
    <head>
    <meta charset="utf-8">
    <title>123</title>
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
    </script>
    <script>
    $(document).ready(function(){
    $("button").click(function(){
    $("p").removeClass("intro");
    });
    });
    </script>
    <style type="text/css">
    .intro{
    font-size:120%;
    color:red;
    }
    </style>
    </head>
    <body>
    <h1>这是一个标题</h1>
    <p class="intro">这是一行段落。</p>
    <p >这是另一行段落。</p>
    <button>移除指定一行的样式</button>
    </body>
    </html>

    输出结果:

    09.png

    点击按钮后:

    10.png

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

    以上就是jquery怎样点击按钮去掉一行样式的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:jquery
    上一篇:jquery怎样添加浏览器大小改变触发事件 下一篇:技术解答之JavaScript的执行机制

    相关文章推荐

    • jquery中confirm的使用方法是什么• jquery怎样实现两秒后消失• jquery怎样设置只能填数字• jquery怎样设置数组转字符串• js和jquery是什么意思

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网