div 클래스의 스타일 속성을 변경하기 위한 jquery

div 클래스의 스타일 속성을 변경하기 위한 jquery

이런 슬라이더 클래스가 있는데 스타일 속성 스타일을 변경하고 싶습니다="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');

스타일 속성만 설정하려면 다음을 사용합니다.

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

또는 jQuery의 css 메서드를 사용하여 하나의 css 스타일 속성만 설정할 수 있습니다.

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

OR 키 값과 동일

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

W3 학교에 대한 더 많은 정보

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

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

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

또는 OrnaJS를 사용합니다.

사용해 보십시오.

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

또는

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

대신에

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

$('.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둘 다 단독으로 사용할 때만 작동합니다.

수업의 속성을 조건부로 변경하기 위하여,

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

만약 id가 다음과 같이 주어진다면,

<a id="handle" class="handle" href="#" style="left: 336px;"></a>

대체 솔루션은 다음과 같습니다.

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

언급URL : https://stackoverflow.com/questions/19581763/jquery-to-change-style-attribute-of-a-div-class