如何使用jquery从左到右更改css位置？

Question

我有left值一个div我想它值

#check 
{ 
    left:50px; 
    top:20px; 
    position:relative; 
    width:100px; 
    height:100px; 
    background:rgb(100,200,0); 
} 

更改为right侧所以我尝试的jQuery这样

$(document).ready(function(){ 

    $('#check').css('right','20px'); 

}); 

这可能吗？。我试图寻找，但都是具有相同的属性不同的值更改。 Here is the Fiddle

Answer 1

你必须设置left为默认值，并为right值：

$(document).ready(function(){ 

$('#check').css({ 
    'right':'20px', 
    'left': 'auto' 
}); 

}); 

JSfiddle感谢MackieeE

Answer 2

请尝试以下代码。

$(document).ready(function(){  
    $('#check').css({'right':'20px'});  
}); 

Answer 3

简单，因为它：

$(document).ready(function(){ 

    $('#check').css('left','auto').css('right','20px'); 

}); 

例如：http://jsfiddle.net/mwX8Z/5/

Answer 4

你将需要删除左边然后设置正确。

例如：

$('#check').css('right', '20px').css('left', ''); 

Answer 5

尝试

#check { 
    left: 50px; 
    top:20px; 
    position:absolute; 
    width:100px; 
    height:100px; 
    background:rgb(100, 200, 0); 
} 

和

$(document).ready(function() { 
    $('#check').css({ 
     'left': 'auto', 
     'right': '20px' 
    }); 

}); 

演示：Fiddle

Answer 6

发现了一些很有趣的。要在右侧设置动画，请执行以下操作：

$(".something").animate({ 
left:"", 
right:"", 
marginRight:"10px" 
},300); 

这就像将它设置为右：10px;