重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
// 可以通过移除带有样式的class类来达到移除样式的效果
创新互联是一家专注于做网站、网站设计与策划设计,固原网站建设哪家好?创新互联做网站,专注于网站建设十多年,网设计领域的专业建站公司;建站业务涵盖:固原等地区。固原做网站价格咨询:028-86922220
$('.class').removeClass('class');
// 可以直接通过jQuery的css方法来清空某几条css样式
$('.class').css({
'background':'none', // 清除背景
'height':'auto' // 清除高度
});
其实js很不好用的,一般都使用jquery来写,改变样式的话我会使用两种方法
使用jquery中的.css()函数改变样式,这中方法很好用,可以在触发事件的时候任意操作某个元素的样式。
自定义一个class名字,比如.yangshi{} ,在触发的事件里使用 .addclass()和.removeClass() 两个函数添加或者删除某一个class类。达到切换样式的目的,这种方法比较清晰有条理。下面给出我写的一段jquery 代码。 这个的意思是,.box元素的鼠标进入会添加一个class类yangshi,离开的时候会删除这个class类
script
$(function(){
$(".box").mouseover(function(){
$(this).addClass("yangshi");
})
$(".box").mouseout(function(){
$(this).removeClass("yangshi");
})
})
/script
1.样式为class名
例:div class="a" id="box"/div
$(function(){
$("#box").removeClass("a");//根据id找到对应元素,然后删除你要删除的class名即可
})
2.直接删除样式
例: div id="box" style="width:100px;"/div
$(function(){
$("#box").attr("style","");
})