Question

我使用过css类，例如

.dropdown-menu{right:0;}

现在我只需要在客户端替换css属性，即

.dropdown-menu{left:0;}

Answer 1

您可以尝试：

$('.dropdown-menu').css({
  'right':'auto',
  'left': '0'
 });

设置right规则的默认值以及left

所需的默认值

Answer 2

你可以这样做

$(".dropdown-menu").css('right', '').css( 'left','0' )

尝试纯粹的JavaScript解决方案

   document.getElementsByClassName(".dropdown-menu").style.removeAttribute('right');
   $(".dropdown-menu")..css( 'left','0' )

Answer 3

如果您根据需要设置特定的类，也可以使用JQuery中的removeClass()和addClass()：

$('#MyElement').removeClass('rightClass');
$('#MyElement').addClass('leftClass');

使用$('#MyElement').removeClass();将删除所有类。

因此，使用OP的示例，您将拥有：

.dropdown-menu-right {right:0;}
.dropdown-menu-left {left:0;}

然后在JQuery中将它们交换出来，即：

$('#MyDropDownMenu').removeClass('dropdown-menu-right');
$('#MyDropDownMenu').addClass('dropdown-menu-left');

这使您无需担心样式表外部存在样式，从而使将来更容易/更简单地进行更改。

编辑以包含此操作的实例：