css删除一个样式的方法:首先创建一个HTML示例文件;然后给div添加css样式;最后通过“removeClass()”方法从被选元素删除一个或多个类即可。
本教程操作环境:windows7系统、HTML5&&CSS3版、Dell G3电脑。
CSS添加样式、删除样式
代码如下:
<style type="text/css"> div{ width:100px; height:260px; } div.whiteborder{ border: 2px white solid; } div.redDiv{ background-color: red; } div.blueBorder{ border: 5px blue solid; } </style>
<script type="text/javascript"> $(function(){ var $divEle = $('div:first'); $('#btn01').click(function(){ //addClass() - 向被选元素添加一个或多个类 $divEle.addClass('redDiv blueBorder'); }); $('#btn02').click(function(){ //removeClass() - 从被选元素删除一个或多个类 $divEle.removeClass(); }); $('#btn03').click(function(){ //toggleClass() - 对被选元素进行添加/删除类的切换操作 $divEle.toggleClass('redDiv') }); $('#btn04').click(function(){ //offset() - 返回第一个匹配元素相对于文档的位置。 var pos = $divEle.offset(); console.log(pos); $divEle.offset({ top:100, left:50 }); }); }) </script>
推荐:《css视频教程》