jquery 와일드 카드의 CSS 속성 변경

Question

와일드 카드 ID가있는 div가 있습니다. 실제 요소가 아닌 와일드 카드의 표시를 변경하고 싶습니다.

#mywildcard{ 
display:none; 
} 
<div id = "mywildcard"></div> 

버튼을 클릭하거나 실제 속성 표시를 변경하고 싶습니다. 요소에 스타일을 추가하지 마십시오.

나는 내가 지금 무엇입니까 것은 내가 $('#mywildcard).css('display','block');을 시도

<div id = "mywildcard" style="display:block"></div> 
#mywildcard{ 
display:block;//Firebug show crossed out. 
} 

하고 그냥

Answer 1

달성하고자하는 효과의 유형에 따라 jquery 함수 .toggle() 또는 .show()을 사용하십시오.

요소에 .toggle()을 호출하면 디스플레이 없음이면 감지하고 기본 디스플레이로 되돌립니다. 현재 (display:block)를 표시하고 있다면 .toggle()을 다시 호출하면 요소가 숨겨집니다.

대신 display:none에서 display:block까지 한 번만 변경하려면 .show() 기능을 사용하는 것이 좋습니다.

.show()에 첨부하여 id가 wildcardShowBtn 인 버튼을 만들려고한다고 가정 해 보겠습니다. jQuery를에 당신이 할 것이라고 달성하기

$("#wildcardShowBtn").click(function() { 
    $("#mywildcard").show(); 
}); 

Answer 2

가이 같은 소리 (이 시도 해당 요소에 스타일을 추가

#mywildcard{ 
display:block; 
} 

을 원하는 당신이 원하는 것입니다)

document.ge tElementById ('mywildcard'). setAttribute ('style', 'display : none;');

Answer 3

지금까지 내가 외부 CSS 파일에서 CSS 규칙 #wildcard을 편집 할 수있는 방법이 없습니다 알고 있지만, 그 경우에 당신이있는 페이지에 그것을 할 수있는 스타일 태그. 또는 당신이 죽은 경우에 외부 css 파일에 그것을 가지고 설정,이 여전히 작동합니다. '블록이 같은

$('style[id=mystyle]').html($('style[id=mystyle]').html().replace('none','block'));` 

뭔가 스타일 태그를 찾아서'없음 '의 인스턴스를 대체합니다 :

은 당신이하고 싶은 대신 스타일 태그를 배제하지 요소를 편집, 그래서 대상 '

하지만 규칙이 외부 스타일 시트에있는 경우 js를 사용하여 규칙을 포함한 새 스타일 태그를 만들 수 있습니다.

jQuery CSS - Write into the <style>-tag // 두 번째 대답

http://www.webdeveloper.com/forum/archive/index.php/t-130717.html // 동적으로 생성하는 스타일