jquery를 사용하여 인라인 스타일을 적용하는 방법은 무엇입니까?

Question

jquery를 사용하여 스타일을 지정하고 싶습니다. 내 웹 사이트에 팝업 페이지를로드 할 때.

나는 이것을 시도했다.

$("#myCountDiv").css({ "bottom":"298","position":"relative"}); 

$("#myInnerContainer").css({"margin-top:35"}); 

둘 모두 작동하지 않습니다. 도와주세요. 이러한 스타일을 해당 div에 어떻게 적용 할 수 있습니까?

감사합니다 "298px"하고 아래 예를해야 첫 번째 예는 "바닥"때문에 작동하지 않습니다

Answer 1

이 건물은 키와 "35"를 할 필요가 있기 때문 "35px"이어야합니다 작동하지 않습니다 .

예 :

$("#myCountDiv").css({bottom: '298px', position: 'relative'}); 
$("#myInnerContainer").css({marginTop: '35px'}); 

는 더 많은 예제 here에서보세요.

Answer 2

항상 .css() 속성과 혼동 스러울뿐입니다. 옵션이 너무 많아서 각각 고유 한 규칙이 있습니다.

모든 옵션을 혼동하지 않고 id '는 이것을 기억하는 것이 좋습니다.

$('div').css({ 
    'property':'value', 
    'bottom':'298x', 
    'position':'relative', 
    'margin-top':'35px', 
}); 

CSS와 비슷하지만 속성과 값을 따옴표로 묶어야합니다. 혼란은 당신이 또한 절대 키를 사용할 수 있습니다 때 온다,하지만 당신은 그렇게 할 때, 당신은 하이픈이있는 키 낙타해야 :

$('div').css({ 
    bottom:'298x', 
    position:'relative', 
    marginTop:'35px', 
}); 

그것은 더 나은 그냥 첫 번째 방법을 고수하기를.