jQuery를 사용하여 .css 값을 추가하는 방법을 누군가에게 알릴 수 있습니까

Question

나는 그것을 알아야하기 때문에 어리 석음을 느낍니다. 그러나 나는 서두르지 만 올바른 용어를 생각할 때 내 삶을 영위 할 수는 없습니다. 내가 찾고있는 해답을 얻기 위해 Google에 제출하는 것.

기본적으로 javascript/jquery를 사용하면 "varName의 값을 왼쪽의 기존 CSS 속성에 추가 : 200px;"라고 말하면됩니다. jQuery에서 .css를 사용합니다.

감사합니다. dev에 상기시켜 주신 분께 감사드립니다. 나는 간단한 질문이므로 나와 함께 맨발로 가십시오.

Answer 1

는 한 번에 여러 속성을 설정하려는 경우 또는 css 방법은 map 소요이

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

//This will set or overwrite the left style property of element 
//selected by elementSelector 
$("elementSelector").css("left", varName); 

을 통해 이동합니다. 배수에 대한

$("elementSelector").css({ left: varName }); 

Answer 2

$('.selector').css('opacity', '0.5'); 

또는 :

$('.selector').css({'opacity' : '0.5', 'width' : '100px'}); 

또는 특정 클래스 :

$('.selector').addClass('className'); 

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

http://api.jquery.com/addClass/

Answer 3

현재 CSS 값을 변수의 값으로 증가시키고 있습니까?

그렇다면, 이것을 사용 :

var varName = 20; 

$('#element').css('left', '+=' + varName); 

Answer 4

var extra; 
//fiddle with the value of extra 
$("#myElement").css("left", 100 + extra +"px");