如何用jquery 控制css样式

2025-03-04 18:05:01

推荐回答（5个）

回答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");

回答2：

你是通过css设置样式的，attr，prop是获取属性，所以不成功，建议按如下修改，亲测可行



	TEST	
	
	
	
	
		.color1{background-color:#C0C0C0;}
		.color2{background-color:#1491C5;}	
	


	qqq

要变的

回答3：

要用attr方法或prop判断
例如：
if ($('#qq').attr('background-color')=='#C0C0C0') {
$('#qq').('background-color','#1491C5');
}
else{
$('#qq').css('background-color','#C0C0C0');
}

回答4：

if ($('#qq').css('background-color','#C0C0C0'))

你这是赋值吧。

回答5：

Vue实践-CSS样式position/display/float属性对比使用