如何用jquery 控制css样式

html-css021

如何用jquery 控制css样式,第1张

//1、获取和设置样式

$("#tow").attr("class")//获取ID为tow的class属性

$("#two").attr("class","divClass")//设置Id为two的class属性。

//2、追加样式

$("#two").addClass("divClass2")//为ID为two的对象追加样式divClass2

//3、移除样式

$("#two").removeClass("divClass")//移除 ID为two的对象的class名为divClass的样式。

$(#two).removeClass("divClass divClass2")移除多个样式。

//4、切换类名

$("#two").toggleClass("anotherClass") //重复切换anotherClass样式

//5、判断是否含有某项样式

$("#two").hasClass("another")==$("#two").is(".another")

//6、获取css样式中的样式

$("div").css("color")// 设置color属性值. $(element).css(style)

//设置单个样式

$("div").css("color","red")

//7设置多个样式

$("div").css({fontSize:"30px",color:"red"})

$("div").css("height","30px")==$("div").height("30px")

$("div").css("width","30px")==$("div").height("30px")

css里:

.text_img{ border:1px #999999 solidtext-align:centermargin:0 auto}/*属性随便写*/

html里:

<img src="css/aoyun/index3_leftlist_img.gif" width="3336" height="2180" class=".text_img"/>/*调用css里的.text_img类*/

<html>

<head>

<style>

img{

text:expression(src="b.png")

}

</style>

<body>

<img src="a.jpg">

</body>

</head>

</html>

css改src图只有ie支持 或者css控制背景图background-image好些

一般都是js

document.getElementById("imgid").src = "b.png"