jquery移除css样式,jq添加移除css样式

jQuery表单验证通过后success: function()移除CSS样式问题

建议你将错误的样式定义成一个class，错误时直接给元素添加class，成功时移除class就行了：

.MyError {

    padding:2px  2px;

    background-color:yellow;

    color:#333;

    border:1px solid orange;

    vertical-align:middle

}

验证失败时：

element.addClass("MyError");

验证成功时：

element.removeClass("MyError");

相关问答

Q1: 如何利用jquery来向一个元素中添加和移除css类

Jquery 使用addClass()与removeClass()来动态的添加或移出一个css 类，例如：

1.$(“#para1”).addClass('highlight');添加一个“highlight”css 类给id为para1的元素。

2.$(‘#para1’).removeClass(‘'highlight');从id为para1的元素中移出一个‘highlight’css类。

具体实例代码如下：

html

head

styletype="text/css"

.highlight {

background:green;

}

/style

scripttype="text/javascript"src="jquery-1.3.2.min.js"/script

/head

body

h1jQuery add / remove css class example/h1

pid="para1"This is paragraph 1/p

pThis is paragraph 2/p

pThis is paragraph 3/p

pThis is paragraph 4/p

buttonid="addClass"Add highlight/button

buttonid="removeClass"Remove highlight/button

scripttype="text/javascript"

$("#addClass").click(function () {

$('#para1').addClass('highlight');

});

$("#removeClass").click(function () {

$('#para1').removeClass('highlight');

});

/script

/body

/html

初始的效果：

点击 add highlight 后的效果图：

点击 remove highlight 后的效果图：

Q2: jquery 点击增加样式，点击移除样式

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

百度百科 样式 （计算机术语）

Q3: 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",“”);

Q4: 如何使用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",“”);

Q5: 如何用jquery 控制css样式

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