如何使用jquery移除CSS样式

html-css025

如何使用jquery移除CSS样式,第1张

// 可以通过移除带有样式的class类来达到移除样式的效果

$('.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>

如果你想移除指定的样式的话

你完全可以重新设置他的样式

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

你直接写

$("#msg5

.syzx

>

span:first").attr("style",{"color":"red"})

如果完全不要就可以使用$("#msg5

.syzx

>

span:first").removeattr("style")

或者写成$("#msg5

.syzx

>

span:first").attr("style",“”)