Jquery pour changer l'attribut style d'une classe div

Question

J'ai une classe de curseur (slider) comme ceci et je veux changer l'attribut de style style="left: 336px"

%

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

Answer 1

Cela vous sera utile..

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

Answer 2

Le style est un attribut donc css ne fonctionnera pas pour cela. Vous pouvez utiliser attr

Changer :

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

À :

$('.handle').attr('style','left: 300px');//Utilisez la virgule `,` au lieu des deux points `:`

Answer 3

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

Answer 4

Pour changer l'attribut de la classe de manière conditionnelle,

var css_val = $(".handle").css('left');
if(css_val == '336px')
{
  $(".handle").css('left','300px');
}

Si l'identifiant est donné comme suit,

Voici une solution alternative:

var css_val = $("#handle").css('left');
if(css_val == '336px')
{
  $("#handle").css('left','300px');
}