jquery untuk mengubah atribut gaya dari kelas div

Saya memiliki kelas slider seperti ini dan saya ingin mengubah atribut gaya 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>

Saya mencoba $('.handle').css({'style':'left: 300px'})tetapi tidak berhasil. Tidak yakin apa yang saya lakukan salah di sini

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

jika Anda hanya ingin mengatur penggunaan atribut gaya

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

Atau Anda dapat menggunakan metode css dari jQuery untuk menyetel hanya satu properti gaya css

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

ATAU sama dengan nilai kunci

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

Info lebih lanjut tentang W3sekolah

Coba dengan

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

Dari pada

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

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

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

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

atau gunakan OrnaJS

$('.handle').css('left','300px') coba ini, identifikator dulu baru nilainya

lebih lanjut tentang ini di sini:

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

ini berguna untukmu ..

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

Gaya adalah atribut jadi csstidak akan berfungsi untuk itu. Anda dapat menggunakannyaattr

Perubahan:

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

T0:

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

Anda tidak dapat menggunakan $('#Id').attr('style',' color:red'); dan $('#Id').css('padding-left','20%');
pada saat bersamaan.
Anda dapat menggunakan attr atau css tetapi keduanya hanya berfungsi jika digunakan sendiri.