자바 스크립트를 사용하여 CSS에서 요소 변경

Question

나는이 2 개의 요소 p.rdmore과 ul.post-ul-more의 속성이 display = none이고 CSS가 변경되었습니다.

그러나 일부 특정 페이지에서 이러한 옵션을 제거하고 싶습니다. 제가 조사를 좀 해봤 내가 만약 자바 스크립트에 대한 문뿐만 아니라 노력이 코드

<script type='text/javascript'> 
$('p.rdmore').removeClass('none').addClass('inherit'); 
$('ul.post-ul-more').removeClass('none').addClass('inherit'); 
</script> 

함께했다하지만 그것은 작동하지 않았다. 내가 여기서 아무것도 놓치고 있니?

Answer 1

디스플레이와 같은 CSS 속성을 변경하려면 css() 메서드를 사용해야합니다. 다음을 시도하십시오.

$('p.rdmore').css("display", "inherit"); 
$('ul.post-ul-more').css("display", "inherit"); 

.css() 요소의 CSS가 jQuery로 변경됩니다. 자세한 내용은 here을 참조하십시오. 내가 배경을 변경하고자한다면

, 난 그냥 이런 짓을 했을까 :

$("element-right-here").css("background-color", "yellow"); 

매개 변수는 .css(propertyName, propertyValue) 또는 .css(propertyName) 있습니다. 후자는 호출 된 지점에서 실제 값을 반환합니다.

Answer 2

요소를 표시하려면 jQuery의 메서드를 사용할 수 있습니다.

$('p.rdmore').show() 

그리고 당신은 그것을 숨기려면 :

$('p.rdmore').hide() 

을 또는 당신은 돌아가 갔다 당신이 그것을 전환 하나 개의 이벤트 가질 수 있습니다려고하는 경우 :

$('p.rdmore').toggle() 

의를 jQuery가 가시적인지 아닌지를 판단한 다음 역순으로 처리합니다.

Answer 3

더 효율적인 다음 코드를 사용할 수 있습니다.

<script type='text/javascript'> 
$(function(){ 
$('p.rdmore').toggleClass('none inherit'); 
$('ul.post-ul-more').toggleClass('none inherit'); 
}); 
</script>