jq删除css样式,js 删除样式

js怎么删除css的行内样式

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

相关问答

Q1: jquery如何删除选中的css样式

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","");

})

Q2: 如何使用jquery移除CSS样式

如果你想移除指定的样式的话 你完全可以重新设置他的样式

比如你想他最终的style为color:red的话

你直接写

$("#msg5 .syzx span:first").attr("style",{"color":"red"});

如果完全不要就可以使用$("#msg5 .syzx span:first").removeAttr("style");

或者写成$("#msg5 .syzx span:first").attr("style",“”);