jquery更改div类的style属性

Question

我有一个像这样的滑块类,我想改变样式属性style ="left:336px"

<div id="range-cont">
<div class="slider">
<div class="progress" style="width: 350px;"></div>
    <a class="handle" href="#" **style="left: 336px;"**></a>
</div>
<input id="percentage" class="range" type="range" value="14" name="percentage" min="0" max="100">
<p id="percent-label">%</p>
</div>
</div>

我试过 $('.handle').css({'style':'left: 300px'})但它不起作用.不知道我在这里做错了什么

Answer 1

试一试 $('.handle').css('left', '300px');

Answer 2

如果你只想设置样式属性使用

$('.handle').attr('style','left: 300px');

或者你可以使用jQuery的css方法来设置一个css样式属性

$('.handle').css('left', '300px');

或与键值相同

$('.handle').css({'left': '300px', position});

关于W3schools的更多信息

Answer 3

试试吧

$('.handle').css({'left': '300px'});

代替

$('.handle').css({'style':'left: 300px'})

Answer 4

$('.handle').css('left', '300px');

$('.handle').css({
    left : '300px'
});

$('.handle').attr('style', 'left : 300px');

或使用OrnaJS