jquery pour changer l'attribut de style d'une classe div

87

J'ai une classe de curseur comme celle-ci et je souhaite modifier l'attribut de 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>

J'ai essayé $('.handle').css({'style':'left: 300px'})mais ça ne marche pas. Je ne sais pas ce que je fais de mal ici

javascript jquery css

— Anurag Sharma
source

151

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

— Ganesh D
source

84

si vous souhaitez simplement définir l'utilisation de l'attribut de style

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

Ou vous pouvez utiliser la méthode css de jQuery pour définir une seule propriété de style css

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

OU identique à la valeur clé

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

Plus d'informations sur W3schools

— Le code
source

2

c'est une réponse plus complète et meilleure que celle sélectionnée

— Nicola Pedretti

$('.handle').prop('style','left: 300px');fonctionne aussi

— Nurkartiko le

8

Essayez avec

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

Au lieu de

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

— Raghuveer
source

@dev mis à jour maintenant, vérifiez que cela fonctionnera à coup sûr, j'ai supprimé les parenthèses par erreur

— Raghuveer

7

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

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

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

ou utilisez OrnaJS

— Дима Попов
source

4

$('.handle').css('left','300px') essayez ceci, identificateur d'abord puis valeur

plus à ce sujet ici:

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

— q99
source

2

cela vous est utile.

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

— Sridhar R
source

2

Le style est un attribut donc cssne fonctionnera pas pour lui.attr

Changement:

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

T0:

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

— Somnath Kharat
source

2

Vous ne pouvez pas utiliser $('#Id').attr('style',' color:red'); et $('#Id').css('padding-left','20%');
en même temps.
Vous pouvez utiliser attr ou css mais les deux ne fonctionnent que lorsqu'ils sont utilisés seuls.

— Kavya Hanumantharaju
source