jQuery 제이쿼리의 이펙트 방식

jQuery Effects

먼저 아래의 예제들을 하나씩 클릭해서 보시죠.

[예제]

jQuery hide()

단순 형태의 jQuery hide() 메소드

jQuery hide()

텍스트 일부분만 가리기

jQuery slideToggle()

간단한 슬라이드 효과

jQuery fadeTo()

간단한 fadeTo() 메소드

jQuery animate()

간단한 animate() 메소드

 

 

[jQuery Hide and Show]

jQuery에서는 hide()와 show() 메서드를 사용해서 HTML 엘리먼트를 숨기거나 보여지게 할 수 있습니다.

예)

$(“#hide").click(function(){

$("p").hide();

});

$("#show").click(function(){

$("p").show();

});

{적용예제보기}

hide()와 show() 메서드에는 두가지 변수(옵션)을 줄 수 있습니다. 바로 속도와 콜백.

문법 :

$(selector).hide(speed,callback)

$(selector).show(speed.callback)

속도변수는 숨기기/보이기의 속도를 나타내주고, “slow", "fast", "normal", 또는 밀리세컨값을 가질 수 있습니다.

예)

$(“button").click(function(){

$("p").hide(1000);

});

{적용예제보기}

콜백 변수는 hide 함수(또는 show 함수)가 끝나고 난 직후에 수행될 함수의 이름을 나타냅니다.

 

 

 

감사합니다.

출처