jquery - addClass()

Love The Way You Lie 2022-06-03 02:18 482阅读 0赞

通过addClass 可以为标签动态的添加多个样式类， removeClass可以移除多个, 空格隔开每个类

<html>
        <head>
            <link href="http://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
            <script src="http://cdn.bootcss.com/jquery/2.1.4/jquery.js"></script>
            <script src="http://cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.js"></script>
            <script src="http://cdn.bootcss.com/bootstrap-hover-dropdown/2.0.10/bootstrap-hover-dropdown.min.js"></script>
            <style type="text/css"> .oneclass{ font-size: 30px; } .twoclass{ background-color: #fff000; } </style>
        </head>
    
      <body>
    
        <p>sss</p>
        <button id="btn1">字变大</button>
        <button id="btn2">颜色</button>
        <button id="btn3">字恢复</button>
      </body>
      <script type="text/javascript"> $(function(){ $('#btn1').click(function(){ $('p').addClass('oneclass') }) $('#btn2').click(function(){ $('p').addClass('twoclass') }) $('#btn3').click(function(){ $('p').removeClass('oneclass twoclass') }) }) </script>
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，482人围观）

还没有评论，来说两句吧...

相关阅读

相关 jQuery addClass，removeClass，class属性增删

效果图，添加、移除class属性 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLm

我会带着你远行/ 2023年10月06日 09:12/ 0 赞/ 20 阅读

相关原生JS实现addclass

\\ > 只介绍关键部分代码，可自己尝试应用 \\ CSS .class1{ display: none; } HTML

Myth丶恋晨/ 2023年06月30日 10:43/ 0 赞/ 14 阅读

相关原生js实现addClass、removeClass、toggleClass

jquery里有添加样的().addClass和移除样式()>removeClass()；那么如何用原生js实现？ function hasClass(obj,

我不是女神ヾ/ 2022年07月28日 04:16/ 0 赞/ 164 阅读

相关原生javascript实现addClass和removeClass

addClass()和removeClass()是jQuery提供的功能。用法： `$(selector).addClass(classname);`和`$(sele

曾经终败给现在/ 2022年07月16日 13:50/ 0 赞/ 222 阅读

相关 jQuery的addClass，children，show

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

淡淡的烟草味﹌/ 2022年06月03日 10:38/ 0 赞/ 230 阅读

相关 jquery - addClass()

通过addClass 可以为标签动态的添加多个样式类， removeClass可以移除多个, 空格隔开每个类 <html> <head>

Love The Way You Lie/ 2022年06月03日 02:18/ 0 赞/ 483 阅读

相关 jquery addClass，removeClass 设置或删除类

通过 jQuery，可以很容易地对 CSS 元素进行操作。切换 CSS 类 -------------------- jQuery 操作 CSS jQuery 拥有

超、凢脫俗/ 2022年05月23日 12:44/ 0 赞/ 197 阅读

相关 .addClass(),.removeClass(),.toggleClass()的区别

其实toggleClass()方法就类似于这样的，如： $("selector").toggleClass("className");

不念不忘少年蓝@/ 2022年03月02日 02:05/ 0 赞/ 199 阅读

相关 jQuery--样式操作（addClass()、removeClass()、toggleClass()、css()）详解

样式操作在HTML代码中，通过class属性指定HTML标签的样式名；在jQuery中，可以使用attr()方法操作元素的class属性，以获取或改变元素的样式。 1

深碍√TFBOYSˉ_/ 2021年08月13日 19:43/ 0 赞/ 372 阅读

相关 JQuery mouserover事件 mouserout事件 jquery链式写法 addClass方法

JQuery mouserover事件 mouserout事件 jquery链式写法 addClass方法当鼠标悬停在某个div上的时候，改变div的大小，同时，在移出

末蓝、/ 2021年07月25日 14:40/ 0 赞/ 417 阅读