본문 바로가기

Webstoryboy

Category

Explanation

JQUERY

(158)
[jQuery] .off() .off() 선택한 요소의 이벤트를 제거합니다. .off() 정의 .delegate() 메서드는 선택한 요소의 이벤트를 제거합니다. 문법 $("선택자").off();
[jQuery] .delegate() .delegate() 선택한 요소 하위 요소에 이벤트를 등록합니다. .delegate() 정의 .delegate() 메서드는 선택한 요소 하위 요소에 이벤트를 등록합니다. 문법 $("선택자").delegate();
[jQuery] .bind() .bind() 선택한 요소에 한 개 이상의 이벤트를 등록합니다. .bind() 정의 .resize() 메서드는 선택한 요소에 한 개 이상의 이벤트를 등록합니다. 문법 $("선택자").bind();
[jQuery] Event handler Event handler Event handler와 관련된 이벤트 메서드입니다. 메서드 설명 .bind() 선택한 요소에 한 개 이상의 이벤트를 등록합니다. .delegate() 선택한 요소 하위요소에 이벤트를 등록합니다. .off() 선택한 요소의 이벤트를 제거합니다. .on() 선택한 요소의 이벤트를 설정합니다. .one() 선택한 요소의 이벤트 처리를 한번만 설정합니다. .trigger() 선택한 요소의 이벤트를 수동으로 발생시킵니다. .triggerHandler() 선택한 요소의 이벤트를 수동으로 발생시킵니다. .unbind() 선택한 요소의 이벤트를 제거합니다. .undelegate() 선택한 요소 하위 요소에 이벤트를 제거합니다.
[jQuery] .ready() .ready() 웹 페이지가 로딩 되었을 때 이벤트가 발생합니다. .ready() 정의 .ready() 메서드는 웹 페이지가 로딩 되었을 때 이벤트가 발생합니다. 문법 $("선택자").ready();
[jQuery] .scroll() .scroll() 웹 브라우저 스크롤의 변화가 있을 때 이벤트가 발생합니다. .scroll() 정의 .resize() 메서드는 웹 브라우저 스크롤의 변화가 있을 때 이벤트가 발생합니다. 문법 $("선택자").scroll();
[jQuery] .resize() .resize() 웹 브라우저 사이즈의 변화가 있을 때 이벤트가 발생합니다. .resize() 정의 .resize() 메서드는 웹 브라우저 사이즈의 변화가 있을 때 이벤트가 발생합니다. 문법 $("선택자").resize();
[jQuery] Browser Events Browser Events 브라우저와 관련된 이벤트 메서드입니다. 메서드 설명 .resize() 웹 브라우저 사이즈의 변화가 있을 때 이벤트가 발생합니다. .scroll() 웹 브라우저 스크롤의 변화가 있을 때 이벤트가 발생합니다. .ready() 웹 페이지가 로딩 되었을 때 이벤트가 발생합니다.
[jQuery] 이벤트 이벤트 브라우저에서 사용자가 취하는 모든 동작들을 이벤트라고 합니다. 마우스로 클릭을 하거나 마우스를 올리는 행위가 이벤트에 해당되며, 이벤트가 발생했을 때 자바스크립트 실행문을 실행하는 것을 이벤트 핸들러라고 합니다. 메서드 설명 .hide() 선택한 요소를 숨김니다.
[jQuery] .stop() .stop() 선택한 요소의 실행중인 애니메이션을 정지합니다. .stop() 정의 .stop() 메서드는 선택한 요소의 실행중인 애니메이션을 정지합니다. 문법 $("선택자").stop();
[jQuery] .queue() .queue() 선택한 요소 스택에 대기 중인 큐를 반환하거나 추가할 수 있습니다. .queue() 정의 .queue() 메서드 선택한 요소 스택에 대기 중인 큐를 반환하거나 추가할 수 있습니다. 문법 $("선택자").queue();
[jQuery] .finish() .finish() 선택한 요소의 진행중인 애니메이션을 강제로 종료합니다. .finish() 정의 .finish() 메서드 선택한 요소의 진행중인 애니메이션을 강제로 종료합니다. 문법 $("선택자").finish();
[jQuery] .dequeue() .dequeue() 선택한 요소의 스택에 쌓인 큐를 모두 제거합니다. .dequeue() 정의 .dequeue() 메서드 선택한 요소의 스택에 쌓인 큐를 모두 제거합니다. 문법 $("선택자").dequeue();
[jQuery] .delay() .delay() 선택한 요소의 애니메이션를 효과를 지연합니다. .delay() 정의 .delay("시간") 메서드 선택한 요소의 애니메이션를 시간동안 지연합니다. 문법 $("선택자").delay("시간");
[jQuery] .clearQueue() .clearQueue() 선택한 요소에 첫 번째 큐만 실행하고 나머지 대기 중인 큐는 모두 삭제합니다. .clearQueue() 정의 선택한 요소에 첫 번째 큐만 실행하고 나머지 대기 중인 큐는 모두 삭제합니다. 문법 $("선택자").clearQueue();
[jQuery] .animate() .animate() 선택한 요소에 애니메이션을 적용합니다. .animate() 정의 .animate("속성","작동시간") 메서드는 선택한 요소 속성에 작동시간 동안 애니메이션을 적용합니다. .animate("속성","작동시간","움직임효과") 메서드는 선택한 요소 속성에 작동시간 동안 움직임 효과를 적용하여 애니메이션을 합니다. .animate("속성","작동시간","움직임효과","콜백함수") 메서드는 선택한 요소 속성에 작동시간 동안 움직임 효과를 적용하여 애니메이션을 한다음 함수를 설정합니다. 문법 $("선택자").animate("속성","작동시간"); $("선택자").animate("속성","작동시간","움직임효과"); $("선택자").animate("속성","작동시간","움직임효과","콜백함수");
[jQuery] Custom Animaition 애니메이션과 관련된 제이쿼리 메서드입니다. 메서드 설명 .animate() 선택한 요소에 애니메이션을 적용합니다. .clearQueue() 선택한 요소에 첫 번째 큐만 실행하고 나머지 대기 중인 큐는 모두 삭제합니다. .delay() 선택한 요소의 애니메이션를 효과를 지연합니다. .dequeue() 선택한 요소 스택에 쌓인 큐를 모두 제거합니다. .finish() 선택한 요소의 진행중인 애니메이션을 강제로 종료합니다. .queue() 선택한 요소 스택에 대기 중인 큐를 반환하거나 추가할 수 있습니다. .stop() 선택한 요소의 실행중인 애니메이션을 정지합니다. Sample1 기본적인 jQuery 애니메이션 예제입니다. 결과 리셋 클릭 TOTAL 리셋 클릭 Sample2 jQuery ..
[jQuery] .slideUp() .slideUp() 선택한 요소를 슬라이딩으로 숨깁니다. .slideUp() 선택한 요소를 슬라이딩으로 숨깁니다. 문법(Syntax) $("선택자").slideUp(); $("선택자").slideUp("시간"); $("선택자").slideUp("시간", 함수); 정의(Definition) .slideUp() 메서드는 선택한 요소를 슬라이딩으로 숨깁니다. .slideUp("시간") 메서드는 선택한 요소를 시간동안 숨깁니다. .slideUp("시간", 함수) 메서드는 선택한 요소를 숨기고 함수를 설정합니다. Sample1 .slideUp() 메서드를 이용하여 요소를 슬라이딩으로 숨겨주는 예제입니다. 결과 속성(Attributes) .closest() 메서드는 선택한 요소의 상위 요소 중 가장 가까운 요소를 ..
[jQuery] .slideToggle() .slideToggle() 선택한 요소를 슬라이딩으로 숨기고/보여줍니다. .slideToggle() 선택한 요소를 슬라이딩으로 숨기고/보여줍니다. 문법(Syntax) $("선택자").slideToggle(); $("선택자").slideToggle("시간"); $("선택자").slideToggle("시간", 함수); 정의(Definition) .slideToggle() 메서드는 선택한 요소를 슬라이딩으로 숨김/노출합니다. .slideToggle("시간") 메서드는 선택한 요소를 시간동안 숨김/노출합니다. .slideToggle("시간", 함수) 메서드는 선택한 요소를 숨김/노출하고 함수를 설정합니다. Sample1 .slideToggle() 메서드를 이용하여 요소를 슬라이딩으로 숨기고/보여주는 예제입니다...
[jQuery] .slideDown() .slideDown() 선택한 요소를 슬라이딩으로 보여줍니다. .slideDown() 선택한 요소를 슬라이딩으로 보여줍니다. 문법(Syntax) $("선택자").slideDown(); $("선택자").slideDown("시간"); $("선택자").slideDown("시간", 함수); 정의(Definition) .slideDown() 메서드는 선택한 요소를 슬라이딩으로 보여줍니다. .slideDown("시간") 메서드는 선택한 요소를 시간동안 슬라이딩으로 보여줍니다 .slideDown("시간", 함수) 메서드는 선택한 요소를 슬라이딩으로 보여주고 함수를 설정합니다. Sample1 .fadeOut() 메서드를 이용하여 요소를 천천히 숨기는 예제입니다. 결과 속성(Attributes) .closest() 메서..
[jQuery] Sliding Sliding Sliding 콘텐츠 요소를 슬라이드 애니메이션을 통해 보여주는 제이쿼리 메서드입니다. 메서드 설명 .slideDown()) 선택한 요소를 슬라이딩으로 보여줍니다. .slideToggle() 선택한 요소를 슬라이딩으로 숨김/노출합니다. .slideUp() 선택한 요소를 슬라이딩으로 숨깁니다.
[jQuery] .fadeToggle() .fadeToggle() 선택한 요소를 천천히 보여주고/숨깁니다. .fadeToggle() 선택한 요소를 천천히 보여주고/숨깁니다. 문법(Syntax) $("선택자").fadeToggle(); $("선택자").fadeToggle("시간"); $("선택자").fadeToggle("시간", 함수); 정의(Definition) .fadeToggle() 메서드는 선택한 요소의 숨김/노출을 천천히 합니다. .fadeToggle("시간") 메서드는 선택한 요소를 시간동안 숨김/노출을 천천히 합니다. .fadeToggle("시간", 함수) 메서드는 선택한 요소의 숨김/노출을 조절하고 함수를 설정합니다. Sample1 .fadeOut() 메서드를 이용하여 요소를 천천히 숨기는 예제입니다. 결과 속성(Attributes..
[jQuery] .fadeTo() .fadeTo() 선택한 요소의 투명도를 조절합니다. .fadeTo() 선택한 요소의 투명도를 조절합니다. 문법(Syntax) $("선택자").fadeTo(); $("선택자").fadeTo("시간", 투명도); $("선택자").fadeTo("시간", 투명도, 함수); 정의(Definition) .fadeTo() 메서드는 선택한 요소의 투명도를 조절합니다. .fadeTo("시간", "투명도") 메서드는 선택한 요소를 설정한 시간동안 투명도를 조절합니다 .fadeTo("시간", "투명도", 함수) 메서드는 선택한 요소의 투명도를 조절하고 함수를 실행합니다. Sample1 .fadeOut() 메서드를 이용하여 요소를 천천히 숨기는 예제입니다. 결과 속성(Attributes) .closest() 메서드는 선택한..
[jQuery] .fadeOut() .fadeOut() 선택한 요소를 선택한 요소를 천천히 숨김니다. .fadeOut() 선택한 요소를 선택한 요소를 천천히 숨김니다. 문법(Syntax) $("선택자").fadeOut(); $("선택자").fadeOut("시간"); $("선택자").fadeOut("시간", 함수); 정의(Definition) .fadeOut() 메서드는 선택한 요소를 천천히 숨김니다. .fadeOut("시간") 메서드는 선택한 요소를 시간동안 천천히 숨김니다. .fadeOut("시간", 함수) 메서드는 선택한 요소를 천천히 숨기고 함수를 설정합니다. Sample1 .fadeOut() 메서드를 이용하여 요소를 천천히 숨기는 예제입니다. 결과 속성(Attributes) .closest() 메서드는 선택한 요소의 상위 요소 중 ..
[jQuery] .fadeIn() .fadeIn() 선택한 요소를 선택한 요소를 천천히 보여줍니다. .fadeIn() 선택한 요소를 선택한 요소를 천천히 보여줍니다. 문법(Syntax) $("선택자").fadeIn(); $("선택자").fadeIn("시간"); $("선택자").fadeIn("시간", 함수); 정의(Definition) .fadeIn() 메서드는 선택한 요소를 천천히 보여줍니다. .fadeIn("시간") 메서드는 선택한 요소를 시간동안 천천히 보여줍니다. .fadeIn("시간", 함수) 메서드는 선택한 요소를 천천히 보여주고 함수를 설정합니다. Sample1 .fadeIn() 메서드를 이용하여 요소를 천천히 보여주는 예제입니다. 결과 속성(Attributes) .closest() 메서드는 선택한 요소의 상위 요소 중 가장 ..
[jQuery] Fading Fading Fading 콘텐츠 요소를 투명도를 통해 숨기고 보여주는 애니메이션 제이쿼리 메서드입니다. 메서드 설명 .fadeIn() 선택한 요소를 천천히 보여줍니다. .fadeOut() 선택한 요소를 천천히 숨김니다.. .fadeTo() 선택한 요소 투명도를 조절합니다. .fadeToggle() 선택한 요소를 숨김/노출을 천천히 합니다.
[jQuery] .toggle() .toggle() 선택한 요소를 선택한 요소를 숨기고/보여줍니다. .toggle() 선택한 요소를 선택한 요소를 숨기고/보여줍니다. 문법(Syntax) $("선택자").toggle(); $("선택자").toggle("시간"); $("선택자").toggle("시간", 함수); 정의(Definition) .toggle() 메서드는 선택한 요소를 숨기고/보여줍니다. .toggle("시간") 메서드는 선택한 요소를 설정한 시간동안 숨기고/보여줍니다. .toggle("시간", 함수) 메서드는 선택한 요소를 설정한 시간동안 숨기고/보여주고 함수를 실행합니다. Sample1 .toggle() 메서드를 이용하여 요소를 숨기고/보여주는 예제입니다. 결과 속성(Attributes) .closest() 메서드는 선택한 요소..
[jQuery] .show() .show() 선택한 요소를 선택한 요소를 보여줍니다. .show() 선택한 요소를 선택한 요소를 보여줍니다. 문법(Syntax) $("선택자").show(); $("선택자").show("시간"); $("선택자").show("시간", 함수); 정의(Definition) .show() 메서드는 선택한 요소를 보여줍니다. .show("시간") 메서드는 선택한 요소를 시간동안 보여줍니다. .show("시간", 함수) 메서드는 선택한 요소를 시간동안 보여주고 함수를 설정합니다. 시간은 milliseconds 단위로 설정합니다. 시간은 문자(slow, fast)로도 표현 할 수 있습니다. Sample1 .show() 메서드를 이용하여 요소를 보여주는 예제입니다. 결과 속성(Attributes) .closest()..
[jQuery] .hide() .hide() 선택한 요소를 숨김니다. .hide() 선택한 요소를 숨김니다. 문법 $("선택자").hide(); $("선택자").hide("시간"); $("선택자").hide("시간", 함수); 정의 .hide() 메서드는 선택한 요소를 숨김니다. .hide("시간") 메서드는 선택한 요소를 설정한 시간동안 숨김니다. .hide("시간", 함수) 메서드는 선택한 요소를 설정한 시간동안 숨기고 함수를 실행합니다. 시간은 milliseconds 단위로 설정합니다. 시간은 문자(slow, fast)로도 표현 할 수 있습니다. Sample1 .hide() 메서드를 이용하여 요소를 감추는 예제입니다. 결과 속성(Attributes) .closest() 메서드는 선택한 요소의 상위 요소 중 가장 가까운 요소를 선..
[jQuery] Basic Basic Basic은 콘텐츠 요소를 숨기고 보여주는 애니메이션 제이쿼리 메서드입니다. 메서드 설명 .hide() 선택한 요소를 숨김니다. .show() 선택한 요소를 보여줍니다. .toggle() 선택한 요소를 숨김/노출합니다.
1 2 3 4 5 6