jquery 가 알 아야 할 일반적인 필터 방법 및 예제 사용(정리)

1.jQuery fadeIn()은 숨겨 진 요 소 를 담 그 는 데 사 용 됩 니 다.문법:$(selector).fadeIn(speed,callback);인 스 턴 스:

 
$("button").click(function(){ $("#div1").fadeIn(); $("#div2").fadeIn("slow"); $("#div3").fadeIn(3000);}); 

2.jQuery fadeOut()방법 은 보 이 는 요 소 를 페이드아웃 하 는 데 사 용 됩 니 다.문법:$(selector).fadeOut(speed,callback);3.jQuery fadeToggle()방법 은 fadeIn()과 fadeOut()방법 사이 에서 전환 할 수 있 습 니 다.요소 가 페 이 드 되 었 다 면 fadeToggle()은 요소 에 페 이 드 효 과 를 추가 합 니 다.요소 가 페 이 드 되 었 다 면 fadeToggle()은 요소 에 페 이 드 효 과 를 추가 합 니 다.문법:$(selector).fadeToggle(속도,콜백);인 스 턴 스:

 
$("button").click(function(){ $("#div1").fadeToggle(); $("#div2").fadeToggle("slow"); $("#div3").fadeToggle(3000);}); 

여기 서 저 는 보통 jquery 가 역 동적 인 방법 으로 하나의 방법의 종합 을 실현 한다 고 말 하고 싶 습 니 다.아래 의 위 이동 과 아래 이동 도 마찬가지다.4.문법:$(selector).fadeTo(속도,불투명 도,콜백);필요 한 speed 매개 변 수 는 효과 의 시간 을 규정 합 니 다.그것 은 다음 값 을 취 할 수 있 습 니 다:"slow","fast"또는 밀리초.fadeTo()방법 에 필요 한 opacity 인 자 는 페이드아웃 효 과 를 주어진 불투명 도(값 은 0 과 1 사이)로 설정 합 니 다.인 스 턴 스

 
$("button").click(function(){ 
$("#div1").fadeTo("slow",0.15); 
$("#div2").fadeTo("slow",0.4); 
$("#div3").fadeTo("slow",0.7); 
}); 

5.jQuery slideDown()방법 은 아래로 미 끄 러 지 는 요소 에 사 용 됩 니 다.문법:$(selector).slideDown(speed,callback);$("\#flip").click(function(){ $("#panel").slideDown();}); 6.jQuery slideUp()방법 은 위로 미 끄 러 지 는 요소 에 사 용 됩 니 다.문법:$(selector).slideUp(속도,콜백);선택 가능 한 speed 매개 변 수 는 효과 의 시간 을 규정 합 니 다.그것 은 다음 값 을 취 할 수 있 습 니 다:"slow","fast"또는 밀리초.선택 할 수 있 는 callback 인 자 는 미끄럼 이 완 료 된 후에 실 행 된 함수 이름 입 니 다.7.jQuery slideToggle()방법 은 slideDown()과 slideUp()방법 사이 에서 전환 할 수 있 습 니 다.요소 가 아래로 미 끄 러 지면 slideToggle()은 위로 미 끄 러 질 수 있 습 니 다.원소 가 위로 미 끄 러 지면 슬라이드 Toggle()은 아래로 미 끄 러 질 수 있 습 니 다.$(selector).slideToggle(speed,callback); 8.jQuery animate()방법 은 사용자 정의 애니메이션 을 만 드 는 데 사 용 됩 니 다.문법:$(selector).animate({params},speed,callback);필요 한 params 매개 변 수 는 애니메이션 을 만 드 는 CSS 속성 을 정의 합 니 다.선택 가능 한 speed 매개 변 수 는 효과 의 시간 을 규정 합 니 다.그것 은 다음 값 을 취 할 수 있 습 니 다:"slow","fast"또는 밀리초.선택 할 수 있 는 callback 인 자 는 애니메이션 이 완 료 된 후에 실 행 된 함수 이름 입 니 다.상대 값 도 정의 할 수 있 습 니 다.값 앞 에+=또는-=을 추가 해 야 합 니 다.animate 를 정의 하여 대기 열 기능 을 실현 할 수 있 습 니 다.다음 예 는 animate()방법의 간단 한 응용 을 보 여 줍 니 다.왼쪽 속성 이 250 픽 셀 이 될 때 까지