jquery - 如何使用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');

});

这可能吗？。我尝试搜索，但都具有相同的属性不同的值变化。这是小提琴

score 11 · Accepted Answer

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

$(document).ready(function(){

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

});

score 1 · Accepted Answer

试试下面的代码。

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

score 1 · Accepted Answer

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

例如：

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

score 0 · Accepted Answer

就像它一样：

 $(document).ready(function(){

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

 });

score 0 · Accepted Answer

尝试

#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'
    });

});

score -1 · Accepted Answer

发现了一些非常有趣的东西。要为右侧设置动画，请执行以下操作：

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

这就像将其设置为 right: 10px;

6 回答 6