jquery для изменения атрибута стиля класса div

У меня есть такой класс ползунка, и я хочу изменить атрибут стиля 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'})но не работает. Не уверен, что я здесь делаю не так

Просто попробуй $('.handle').css('left', '300px');

если вы просто хотите установить атрибут стиля, используйте

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

Или вы можете использовать метод css jQuery, чтобы установить только одно свойство стиля css

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

ИЛИ то же, что и значение ключа

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

Подробнее о W3schools

Попробуйте с

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

Вместо того

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

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

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

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

или используйте OrnaJS

$('.handle').css('left','300px') попробуйте это, сначала идентификатор, затем значение

подробнее об этом здесь:

http://api.jquery.com/css/

это полезно для вас ..

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

Стиль - это атрибут, поэтому cssон не работает. Вы можете использоватьattr

Изменить:

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

T0:

$('.handle').attr('style','left: 300px');//Use `,` Comma instead of `:` colon

Нельзя использовать $('#Id').attr('style',' color:red'); и $('#Id').css('padding-left','20%');
одновременно.
Вы можете использовать attr или, css но оба работают, только когда используются по отдельности.