如何用jQuery“替换”css属性

使用JQuery如何更改CSS属性（在此示例中从左到右 ）我发现.css（“left”）可用于检索值，然后我可以编写一个函数来设置.css（“正确的“），但有更简单（更紧凑）的方式吗？：

#set { left: 400px; bottom: -200px; } 

至

 #set { right: 400px; bottom: -200px; } 

谢谢

Answer 1

你可以使用.css（）

 var left = $('#set').css('left'); $('#set').css({ right : left, left: 'auto' }); 

Answer 2

使用类并更改类。

你可以在jquery的问题中找到如何更改类名

所以你的CSS会是这样的：

 .set_left { left: 400px; bottom: -200px; } .set_right {right 400px; bottom: -200px; } 

使用jquery，您只需更改类。

 $("#set").removeClass('set_right').addClass('set_left'); 

要么

 $("#set").removeClass('set_left').addClass('set_right'); 

Answer 3

阅读

 $('object').css('CSSKEY') 

来写

 $('object').css('CSSKEY','NEW VALUE) 

http://api.jquery.com/css/

您建议的替代方法是使用.AddClass和.RemoveClass – 它提供了更清晰的标记

http://api.jquery.com/addclass/
http://api.jquery.com/removeclass/

Answer 4

JSFiddle演示

你可以这样做：

 $("#set").css({"right" : 0, "left" : "auto"}); 

Alternativley，你可以使用addClass ，并在CSS中设置样式，并使用jQuery，只需调用addClass("your-class")