jquery để thay đổi thuộc tính style của một lớp div

Tôi có một lớp thanh trượt như thế này và tôi muốn thay đổi thuộc tính 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>

Tôi đã thử $('.handle').css({'style':'left: 300px'})nhưng nó không hoạt động. Không chắc tôi đang làm gì sai ở đây

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

nếu bạn chỉ muốn đặt sử dụng thuộc tính style

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

Hoặc bạn có thể sử dụng phương thức css của jQuery để chỉ đặt một thuộc tính kiểu css

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

HOẶC giống với giá trị khóa

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

Thông tin thêm về W3schools

Hãy thử với

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

Thay vì

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

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

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

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

hoặc sử dụng OrnaJS

$('.handle').css('left','300px') hãy thử cái này, bộ nhận dạng trước rồi đến giá trị

thêm về điều này ở đây:

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

điều này hữu ích cho bạn ..

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

Kiểu là một thuộc tính nên csssẽ không hoạt động với nó. Bạn có thể sử dụngattr

Thay đổi:

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

T0:

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

Bạn không thể sử dụng $('#Id').attr('style',' color:red'); và $('#Id').css('padding-left','20%');
cùng một lúc.
Bạn có thể sử dụng attr hoặc css nhưng cả hai chỉ hoạt động khi chúng được sử dụng một mình.