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

У мене такий клас слайдера, і я хочу змінити атрибут style 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');

якщо ви просто хочете встановити використання атрибута style

$('.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 , але і працює тільки тоді , коли вони використовуються в поодинці.