2012-10-07 5 views
3

왜 다른 속성 이름 :jQuery를 CSS 속성 이름

$(elem).css('padding-top') 

$(elem).css('marginTop') 

? 그럴 필요가 없습니다 :

$(elem).css('margin-top') 

대신에?

+1

", 당신은 렌더링 마진을 검색하는 데 사용하려는 경우 : $ (ELEM) .CSS ('marginTop를') 및 $ (elem) .css ('marginRight') 등이 있습니다. 참조 - http://api.jquery.com/css/ –

+0

죄송합니다 통지하지 않았다. 알았다. :) –

답변

4

"camelCase"또는 "하이픈으로 구분 된"형식의 속성을 사용할 수 있습니다. 둘 다 작동합니다. jQuery docs for .css() :

jQuery는 여러 단어 속성의 CSS 및 DOM 형식을 동일하게 해석 할 수 있습니다. 예를 들어 jQuery는 .css('background-color').css('backgroundColor')에 대한 올바른 값을 인식하고 반환합니다.

그래서 예제를 사용하려면 다음의 모든 작업 것이다 :

예를 들어
$(elem).css('marginTop') 
$(elem).css('margin-top') 
$(elem).css('paddingTop') 
$(elem).css('padding-top') 
+0

여기에 인용 된 진술은 OP가 그의 코멘트에서 인용 한 것 바로 위 단락에 있습니다. – BoltClock

+0

@BoltClock - 하하, 그렇습니다. 항상 문서를 올바르게 읽는 방법을 보여주는 완벽한 데모입니다. –

+0

감사. 그 부분을 빠뜨린 것이 틀림 없습니다 : –

1

두 가지가 있습니다. CSS은 어떻게 보이며 JavaScript을 사용하여 액세스 할 수 있습니다. CSS, 그것은이다

#element {margin-top: ...;} 

자바 스크립트 반면, 그것은이다

document.getElementById('element').style.marginTop 

을 그리고 css() 함수의 작동에 전달 예, 모두 자바 스크립트 방법 및 CSS 방법.