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

Question

我有一个left值的div我希望将其更改为right一侧的值

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

所以我尝试了像这样的jquery

$(document).ready(function(){

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

});

这可能吗？.i尝试搜索但是所有具有相同属性的不同值更改。 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

您需要删除左侧然后设置右侧。

例如：

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

Answer 4

就像它：

 $(document).ready(function(){

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

 });

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

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;