站长资讯网
最全最丰富的资讯网站

css怎么删除一个样式

css删除一个样式的方法:首先创建一个HTML示例文件;然后给div添加css样式;最后通过“removeClass()”方法从被选元素删除一个或多个类即可。

css怎么删除一个样式

本教程操作环境: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怎么删除一个样式

推荐:《css视频教程》

赞(0)
分享到: 更多 (0)