변경 CSS 클래스는

Question

임과 같은 태그를 머리에 CSS 클래스를 추가. 그 해결책이 있습니까?

참고 : 헤드 태그에서이 작업을 수행해야합니다. 예 :

$('.classname').css('color','green'); 

이 내 요구 사항에 맞지 않습니다. 감사합니다. .

Answer 1

스타일 태그에 ID와 같은 식별자를 지정하고 나중에 참조하고 원하는대로 콘텐츠를 변경할 수 있습니다. 가능하지 않은 경우 선택할 수있는 다른 방법을 찾아야합니다. 헤드 등의 내용, 인덱스 :

$("head").append("<style type='text/css' id='myStyle'>.classname {color: gold}</style>");​​ 

$("#myStyle").html('.classname {color: green}') 

FIDDLE

편집 :

또는 당신은 당신이를 대체 할 수있는 하나의 아래에 새 스타일 태그를 삽입 할 수 있습니다 스타일 :

$("head").append("<style type='text/css'>.classname {color: gold; font-weight: bold}</style>"); 

$("head").append("<style type='text/css'>.classname {color: green}</style>"); 

FIDDLE

아니면 그냥 내용을 편집하고 다시 삽입 할 수 있습니다

$("head").append("<style type='text/css' id='myStyle'>.classname {color: gold; font-weight: bold}</style>"); 

var css = $("#myStyle").text().replace('gold', 'green'); 
$("#myStyle").text(css); 

FIDDLE

임 스타일 태그를 추가하여 자바 스크립트와 CSS를 변경 내 의견 머리 부분에 자바 스크립트가 이미 훨씬 더 유지 보수가 잘되는 메소드를 가지고있을 때 정말 나쁜 생각이다. element.style 또는 jQuery의 css() 버전입니다.