如何使用jquery移除CSS样式

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

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

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

你直接写

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

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

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

jquery 点击增加样式,点击移除样式,代码如下:

$("li").click(function(){

$(this).toggleClass("enable")

$(this).siblings().removeClass("enable")

})

扩展资料

如果用户单击某个按钮时,要删除class的某个值,那么可以使用与addClass()方法相反的removeClass()方法来完成,它的作用是从匹配的元素中删除全部或者指定的class。例如可以使用如下的JQuery代码来删除p元素中值为“high”的class:

$("p").removeClass("high")

//移除p元素中值为"high"的class

参考资料:百度百科 jQuery

百度百科 样式 (计算机术语)

/////哦,那就这样写

<script language="javascript">

function remove()

{ var a=[]

a=document.getElementById("msg5").getElementsByTagName("span")//获得标签为span的对象

for(var z=0z<a.lengthz++)

{

a[z].removeAttribute("style")

}//移除所有span对象中的style属性

}

</script>

<input type=button value=removestyle onclick=remove()>

<div id=msg5 >

<table ><tr><td>

<span Class=syzx><a href=/Class/Show.asp?ID=341><span style='color:#000080background:#800080'>士大夫士大夫士大夫</span></a></span></td></tr><tr><td><span style='color:#000080background:#800080'>Ê¿´ó·òÊ¿´ó·òÊ¿´ó·ò</span><span style='color:#000080background:#800080'>Ê¿´ó·òÊ¿´ó·òÊ¿´ó·ò</span></td.</tr><tr><td><span style='color:#000080background:#800080'>Ê¿´ó·òÊ¿´ó·òÊ¿´ó·ò</span><span style='color:#000080background:#800080'>Ê¿´ó·òÊ¿´ó·òÊ¿´ó·ò</span></td></tr></table>

</div>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11610348.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-17
下一篇 2023-05-17

发表评论

登录后才能评论

评论列表(0条)

保存