2014-09-10 2 views
0

jquery를 사용하여 HTML 본문에 CSS를 포함하려고합니다.jquery로 CSS 포함하기

$(".a .a101").css({ 
    fill : 'rgb(165,0,38)' 
}); 
$(".a .a102").css({ 
    fill : 'rgb(215,48,39)' 
}); 

당신이 친절을 할 수있는 올바른 방법을 조언 수 : CSS는

.a .a101{fill:rgb(165,0,38)} 
.a .a102{fill:rgb(215,48,39)} 

처럼 나는 다음과 같은 시도했지만이 인식되지 않습니다 보인다?

-Regards

+0

을, 당신은 의미합니까 '' 태그가 있습니까? –

+0

HTML을 볼 수 있습니까? 컨텍스트는 항상 도움이됩니다. –

답변

0

는 CSS를 가지고 AFAIK 어떤 재산 "채우기", .css({background:"rgb(165,0,38}) 시도하지

편집 : 당신이, 당신이 시도 할 수있는 몇 가지 색상으로 컨테이너를 채우려는 것 같다

div{ 
    position:relative; 
} 
div.fill:before{ 
    background:#f00; 
    content:""; 
    left:0; 
    height:100%; 
    top:0; 
    width:100%; 
    z-index:2; 
} 

다음

div.addClass("fill") 
+0

물론 SVG 색 – Devin

+0

@Fabio true에 사용하는 것입니다.하지만 SVG가 여기에있는 것처럼 보이지 않습니다. –

2

첫 번째로 나는 스타가되어야한다고 생각합니다. 신중하게 the jQuery .css() method documentation을 읽음으로써

그렇다면 실제로는 꽤 쉽습니다. 따옴표는 단지 ​​.css({'fill': 'red'})입니다.

참고로 당신은 쉽게 바닐라 JS에서 작업을 수행 할 수 있습니다

document.querySelectorAll('#idForThisExample').style.fill = 'silver';

편집 : Here is a working JS fiddle containing a function to loop through DOM elements합니다. 당신은 좋은 공연을 할 것이고 좋은 훈련이 될 것입니다. 당신이 채우기 속성을 사용하고자하는 가정

1

(의 당신은 SVG를 사용하는 가정 해 봅시다) :

$(".a .a101").css({ 
    'fill' : 'rgb(165,0,38)' 
}); 

당신이 배경 사용하고자하는 가정 : HTML 본문으로

$(".a .a101").css({ 
    'background' : 'rgb(165,0,38)' 
});