Comment supprimer un style en CSS-Questions et réponses frontales-php.cn

Comment supprimer un style en CSS

藏色散人

Libérer： 2023-01-03 09:26:02

original

3181 Les gens l'ont consulté

Comment supprimer un style en CSS : Créez d'abord un exemple de fichier HTML ; puis ajoutez un style CSS au div et enfin supprimez une ou plusieurs classes de l'élément sélectionné via la méthode "removeClass()".

Comment supprimer un style en CSS

L'environnement d'exploitation de ce tutoriel : système Windows 7, version HTML5&&CSS3, ordinateur Dell G3.

CSS ajouter un style, supprimer un style

Le code est le suivant :

<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>

Copier après la connexion

<script type="text/javascript">
$(function(){
var $divEle = $(&#39;div:first&#39;);
$(&#39;#btn01&#39;).click(function(){
//addClass() - 向被选元素添加一个或多个类
$divEle.addClass(&#39;redDiv blueBorder&#39;);
});
$(&#39;#btn02&#39;).click(function(){
//removeClass() - 从被选元素删除一个或多个类 
$divEle.removeClass();
});
$(&#39;#btn03&#39;).click(function(){
//toggleClass() - 对被选元素进行添加/删除类的切换操作 
$divEle.toggleClass(&#39;redDiv&#39;)
});
$(&#39;#btn04&#39;).click(function(){
//offset() - 返回第一个匹配元素相对于文档的位置。
var pos = $divEle.offset();
console.log(pos);
$divEle.offset({
top:100,
left:50
});
});
})
</script>

Copier après la connexion

Comment supprimer un style en CSS