jQuery에서 여러 CSS 속성을 정의하는 방법

질문 : jQuery에서 여러 CSS 속성을 정의하는 방법은 무엇입니까?

---

jQuery에 다음과 같이 모든 것을 오른쪽으로 묶지 않고 여러 CSS 속성을 정의하는 구문 적 방법이 있습니까?

$("#message").css("width", "550px").css("height", "300px").css("font-size", "8pt");

예를 들어이 중 20 개가 있으면 코드를 읽기 어렵게됩니다. 해결책이 있습니까?

예를 들어 jQuery API에서 jQuery는 두 가지 모두에 대해 올바른 값을 이해하고 반환합니다.

.css({ "background-color": "#ffe", "border-left": "5px solid #ccc" })

과

.css({backgroundColor: "#ffe", borderLeft: "5px solid #ccc" }).

DOM 표기법의 경우 속성 이름 주위의 따옴표는 선택 사항 이지만 CSS 표기법의 경우 이름의 하이픈으로 인해 필요합니다.

답변

---

변경할 스타일이 하나 이상 있더라도 .addClass() 및 .removeClass() 유지 관리가 쉽고 읽기 쉽습니다.

여러 CSS 속성을 수행하려는 충동이있는 경우 다음을 사용하십시오.

.css({
   'font-size' : '10px',
   'width' : '30px',
   'height' : '10px'
});

NB!
하이픈 이있는 모든 CSS 속성은 따옴표로 묶어야합니다.
아무도 그것을 명확히 할 필요가 없도록 따옴표를 배치했으며 코드는 100 % 작동합니다.

출처 : https://stackoverflow.com/questions/447197/how-to-define-multiple-css-attributes-in-jquery