html5怎么删除样式,css怎么删除一个样式
css刪除一個樣式的方法:首先創(chuàng)建一個HTML示例文件;然后給div添加css樣式;最后通過“removeClass()”方法從被選元素刪除一個或多個類即可。
本教程操作環(huán)境:windows7系統(tǒng)、HTML5&&CSS3版、Dell G3電腦。
CSS添加樣式、刪除樣式
代碼如下:
div{
width:100px;
height:260px;
}
div.whiteborder{
border: 2px white solid;
}
div.redDiv{
background-color: red;
}
div.blueBorder{
border: 5px blue solid;
}
$(function(){
var $divEle = $('div:first');
$('#btn01').click(function(){
//addClass() - 向被選元素添加一個或多個類
$divEle.addClass('redDiv blueBorder');
});
$('#btn02').click(function(){
//removeClass() - 從被選元素刪除一個或多個類
$divEle.removeClass();
});
$('#btn03').click(function(){
//toggleClass() - 對被選元素進(jìn)行添加/刪除類的切換操作
$divEle.toggleClass('redDiv')
});
$('#btn04').click(function(){
//offset() - 返回第一個匹配元素相對于文檔的位置。
var pos = $divEle.offset();
console.log(pos);
$divEle.offset({
top:100,
left:50
});
});
})
總結(jié)
以上是生活随笔為你收集整理的html5怎么删除样式,css怎么删除一个样式的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 工期日历天计算器_天津实地告诉你:房建项
- 下一篇: linux中断处理模式,Linux在保护