十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
其实js很不好用的,一般都使用jquery来写,改变样式的话我会使用两种方法
创新互联公司是一家专业提供武隆企业网站建设,专注与做网站、成都网站设计、H5页面制作、小程序制作等业务。10年已为武隆众多企业、政府机构等服务。创新互联专业的建站公司优惠进行中。
使用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加的样式的话,可以使用document.getElementById("objid").className=""来清空样式;
2、如果是直接加的style="***"属性的话,可以使用document.getElementById("box").style.cssText = ""来清空样式。
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","");
})
如果你想移除指定的样式的话 你完全可以重新设置他的样式
比如你想他最终的style为color:red的话
你直接写
$("#msg5 .syzx span:first").attr("style",{"color":"red"});
如果完全不要就可以使用$("#msg5 .syzx span:first").removeAttr("style");
或者写成$("#msg5 .syzx span:first").attr("style",“”);