jquery

来源：互联网发布：c语言数据类型编辑：程序博客网时间：2024/04/27 08:24

通过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 0