正文

jQuery 中 addClass and removeClass

Async
Async V管理员 /324阅读/0评论
1120

实例

<!DOCTYPE html>
<head>
<title>jQuery 删除元素empty和remove</title>
<meta http-equiv="content-Type" content="text/html;charset=utf-8">
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script>
        $(document).ready(function(){
            //添加css
            $("input#pid1").click(function(){
                $("p#id1").addClass('red');
            })
            //删除css
            $("input#idremove").click(function(){
                $("p#id1").removeClass('red');
            })
            //添加和删除css来回切换
            $("input#toggleclass").click(function(){
                $("p#id1").toggleClass('red');
            })
        })
    </script>
<style>
        .red{
            color: red;
        }
    </style>
</head>
<body>
<p id="id1">我是第一段内容</p>
<input id="pid1" type="button" value="添加css">
<input id="idremove" type="button" value="删除css">
<input id="toggleclass" type="button" value="添加删除">
</body>
</html>

运行截图

截屏2023-11-20 10.50.53.png

除非注明，否则均为后台设置版权信息原创文章，转载或复制请以超链接形式并注明出处。