최신 웹 개발 튜토리얼
 

jQuery효과 - 숨기기 및 표시


, 쇼, 전환, 슬라이드, 페이드 및 애니메이션을 숨 깁니다. 와우!

/ 숨기기 패널을 표시하려면 클릭

시간이 가치가 있기 때문에, 우리는 쉽고 빠르게 학습을 제공합니다.

w3ii에서, 당신은 접근하고 편리한 형식으로 당신이 배울 필요가 모든 것을 공부할 수 있습니다.


jQuery hide()
간단한의 jQuery 보여줍니다 hide() 메소드를.

의 jQuery hide()
또 다른 hide() 시연. 어떻게 텍스트의 일부를 숨 깁니다.


의 jQuery hide()show()

jQuery를 사용하면 숨기고와 HTML 요소를 표시 할 수 있습니다 hide()show() 방법 :

$("#hide").click(function(){
    $("p").hide();
});

$("#show").click(function(){
    $("p").show();
});
»그것을 자신을 시도

통사론:

$(selector).hide(speed,callback);

$(selector).show(speed,callback);

선택적 속도 파라미터는 표시 / 숨기기의 속도를 지정하고, 다음의 값을 취할 수있다 : "slow", "fast" 또는 밀리.

옵션 콜백 매개 변수는 후에 실행하는 기능입니다 hide() 또는 show() 메소드는 (나중에 장에서 콜백 함수에 대한 자세한 내용을 배울 수) 완료됩니다.

다음 예제와 속도 매개 변수를 보여줍니다 hide() :

$("button").click(function(){
    $("p").hide(1000);
});
»그것을 자신을 시도

의 jQuery toggle()

jQuery를 사용하면 전환 할 수 있습니다 hide()show() 와 방법 toggle() 메소드를.

표시된 요소는 숨겨진 숨겨진 요소가 표시됩니다 :

$("button").click(function(){
    $("p").toggle();
});
»그것을 자신을 시도

통사론:

$(selector).toggle(speed,callback);

선택적 속도 매개 변수는 다음 값을 취할 수있다 : "slow", "fast" 또는 밀리.

선택적 콜백 파라미터 후에 실행되는 함수이다 toggle() 완료한다.


연습으로 자신을 테스트!

연습 1» 운동 2» 운동 3» 운동 4»


jQuery를 효과 참조

모든 jQuery를 효과의 전체 개요는, 우리로 이동하시기 바랍니다 jQuery를 효과 참조 .