大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
建议你将错误的样式定义成一个class,错误时直接给元素添加class,成功时移除class就行了:
创新互联公司是专业的洮北网站建设公司,洮北接单;提供网站制作、网站设计,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行洮北网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!
.MyError {
padding:2px 2px;
background-color:yellow;
color:#333;
border:1px solid orange;
vertical-align:middle
}
验证失败时:
element.addClass("MyError");
验证成功时:
element.removeClass("MyError");
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 后的效果图:
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
百度百科 样式 (计算机术语)
如果你想移除指定的样式的话
你完全可以重新设置他的样式
比如你想他最终的style为color:red的话
你直接写
$("#msg5
.syzx
span:first").attr("style",{"color":"red"});
如果完全不要就可以使用$("#msg5
.syzx
span:first").removeattr("style");
或者写成$("#msg5
.syzx
span:first").attr("style",“”);
如果你想移除指定的样式的话 你完全可以重新设置他的样式
比如你想他最终的style为color:red的话
你直接写
$("#msg5 .syzx span:first").attr("style",{"color":"red"});
如果完全不要就可以使用$("#msg5 .syzx span:first").removeAttr("style");
或者写成$("#msg5 .syzx span:first").attr("style",“”);
//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");