jQuery의 .css() 메소드를 사용하여 요소에 축약어를 적용 할 수 있습니까?

Question

알 수없는 선택자에 알 수없는 스타일을 적용하려고 시도하고 있는데 jQuery의 .css() 메소드를 사용하여 약식 CSS를 적용 할 수없는 것처럼 보입니다. 이 올바른지? 해결 방법이 있습니까?

.css()에 전달할 개체를 동적으로 작성 중이므로 .css('background','#000') 구문을 사용하고 싶지 않습니다.

$('#example').css({background:'#000000 url("images/bg.gif") repeat-x scroll 0 0 transparent'}); 

위의 코드는 작동하지 않습니다. 그러나 아래 코드는 않습니다.

$('#example').css({background:'#000'}); 

이렇게하면됩니다.

$('#example').css({background:'url("images/bg.gif")'}); 

그러나 함께 사용하면 서로 자연스럽게 덮어 씁니다. 어떤 제안?

Answer 1

background: #000000 url("images/bg.gif") repeat-x scroll 0 0 transparent; 

는 ... 잘못된 CSS입니다. 배경색을 두 번 지정했습니다 (# 000000 및 투명). 유효한 CSS를 사용하면 작동합니다.

즉, 클래스 및 외부 스타일 시트를 사용하는 것이 일반적으로 더 나은 방법입니다.

Answer 2

더 나은 옵션은 CSS 파일에 사전 정의 된 CSS 클래스 세트를 설정 한 다음 필요에 따라 해당 대상 스타일을 즉시 적용하는 것입니다.

jQuery 코드를 읽고 관리 할 수있는 수준으로 유지할 수 있다는 이점이 있습니다. 그래서 그 대신 글을 쓰는

: 당신은 간단하게 선택할 수

$('#example').css({background:'url("images/bg.gif")'}); 

:

$('#example').addClass('myClass1');