목록CODE (628)
코드랩 레퍼런스
Definition .keypress() 메서드는 선택한 요소에서 키보드를 계속 누르고 있을 때 이벤트가 발생합니다. Syntax $("selector").keypress() Compatibility 6 7 8 9 10 11 .keypress() Share
Definition .keydown() 메서드는 선택한 요소에서 키보드를 눌렀을 때 이벤트가 발생합니다. Syntax $("selector").keydown() Compatibility 6 7 8 9 10 11 .keydown() Share
Definition .submit() 메서드는 submit 버튼을 누르면 이벤트가 발생합니다. Syntax $("selector").submit() Compatibility 6 7 8 9 10 11 .submit() Share
Definition .select() 메서드는 입력 양식을 텍스트를 선택했을 때 이벤트가 발생합니다. Syntax $("selector").select() Compatibility 6 7 8 9 10 11 .select() Share
Definition .focusout() 메서드는 포커스가 사라지기 바로 전에 발생합니다. Syntax $("selector").focusout() Compatibility 6 7 8 9 10 11 .focusout() Share
Definition .focusin() 메서드는 선택한 요소에 포커스가 마주어지기 바로 전에 발생합니다. Syntax $("selector").focusin() Compatibility 6 7 8 9 10 11 .focusin() Share
Definition .focus() 메서드는 요소에 포커스를 획득했을 때 이벤트가 발생합니다. Syntax $("selector").focus() Compatibility 6 7 8 9 10 11 .focus() Share
Definition .change() 메서드는 요소에서 값이 변경될 때 이벤트가 발생합니다. Syntax $("selector").change() Compatibility 6 7 8 9 10 11 .change() Share
Definition .blur() 메서드는 포커스가 떠날 때 이벤트가 발생합니다. Syntax $("selector").blur() Compatibility 6 7 8 9 10 11 .blur() Share
Definition .undelegate() 메서드는 지정된 하위 요소에 이벤트를 등록합니다. Syntax $("selector").undelegate() Compatibility 6 7 8 9 10 11 .undelegate() Share
Definition .unbind() 메서드는 이벤트를 제거합니다. Syntax $("selector").unbind() Compatibility 6 7 8 9 10 11 .unbind() Share
Definition .triggerHandler() 메서드는 이벤트를 수동으로 발생시킵니다. Syntax $("selector").triggerHandler() Compatibility 6 7 8 9 10 11 .triggerHandler() Share
Definition .trigger() 메서드는 이벤트를 수동으로 발생시킵니다. Syntax $("selector").trigger() Compatibility 6 7 8 9 10 11 .trigger() Share
Definition .one() 메서는 이벤트 처리를 연결합니다. Syntax $("selector").one() Compatibility 6 7 8 9 10 11 .one() Share
Definition .on() 메서드는 선택한 요소의 이벤트를 설정합니다. Syntax $("selector").on() Compatibility 6 7 8 9 10 11 .on() Share
Definition .off() 메서드는 선택한 요소의 이벤트를 제거합니다. Syntax $("selector").off() Compatibility 6 7 8 9 10 11 .off() Share
Definition .delegate() 메서드는 선택한 요소의 지정된 하위요소에 이벤트를 등록합니다. Syntax $("selector").delegate() Compatibility 6 7 8 9 10 11 .delegate() Share
Definition .bind() 메서드는 선택한 요소에 한 개 이상의 이벤트를 등록합니다. Syntax $("selector").bind() Compatibility 6 7 8 9 10 11 .bind() Share
Definition .ready() 메서드는 웹 페이지가 로딩 되었을 때 이벤트가 발생합니다. Syntax $("selector").ready() Compatibility 6 7 8 9 10 11 .ready() Share
Definition .scroll() 메서드는 웹 브라우저 스크롤의 변화가 있을 때 이벤트가 발생합니다. Syntax $("selector").scroll() Compatibility 6 7 8 9 10 11 .scroll() Share
Definition .resize() 메서드는 웹 브라우저 사이즈의 변화가 있을 때 이벤트가 발생합니다. Syntax $("selector").resize() Compatibility 6 7 8 9 10 11 .resize() Share
Definition .slideUp() 메서드는 선택한 요소를 슬라이딩으로 숨깁니다. Syntax $("selector").slideUp() Compatibility 6 7 8 9 10 11 .slideUp() Sample1 클릭하면 이미지가 없어지는 예제입니다. 효과(Effect) 1 2 3 $(".one1 img").hide(); $(".one2 img").fadeOut(); $(".one3 img").slideUp(); $(".list img").show(); 효과(Effect) 1 2 3 $(".one1 img").hide(); $(".one2 img").fadeOut(); $(".one3 img").slideUp(); $(".list img").show(); Sample2 클릭하면 이미지가 없어..
Definition .slideToggle() 메서드는 숨김/노출을 슬라이딩으로 합니다. Syntax $("selector").slideToggle() Compatibility 6 7 8 9 10 11 .slideToggle() Share
Definition .slideDown() 메서드는 선택한 요소를 슬라이딩으로 보여줍니다. Syntax $("selector").slideDown() Compatibility 6 7 8 9 10 11 .slideDown() Sample1 클릭하면 이미지가 나타나는 예제입니다. 효과(Effect) 1 2 3 4 $(".one1").show(); $(".one2").fadeIn(); $(".one3").slideDown(); $(".list li").hide(); 효과(Effect) 1 2 3 4 $(".one1").show(); $(".one2").fadeIn(); $(".one3").slideDown(); $(".list li").hide(); Sample2 클릭하면 이미지가 속도에 따라 나타나는 예제입..
Definition .fadeToggle() 메서드는 숨김/노출을 천천히 합니다. Syntax $("selector").fadeToggle() Compatibility 6 7 8 9 10 11 .fadeToggle() Share
Definition .fadeTo() 메서드는 선택한 요소 투명도를 조절합니다. Syntax $("selector").fadeTo() Compatibility 6 7 8 9 10 11 .fadeTo() Sample1 클릭하면 이미지가 나타나는 예제입니다. 효과(Effect) 1 2 3 4 5 $(".list .one1 img").fadeTo("slow",0.1); $(".list .one2 img").fadeTo("normal",0.2); $(".list .one3 img").fadeTo("fast",0.3); $(".list .one4 img").fadeTo(1000,0.4); $(".list .one5 img").fadeTo(3000,0.4); $(".list img").fadeTo("slow",1)..
Definition .fadeOut() 메서는 선택한 요소를 천천히 숨김니다. Syntax $("selector").fadeOut() Compatibility 6 7 8 9 10 11 .fadeOut() Sample1 클릭하면 이미지가 없어지는 예제입니다. 효과(Effect) 1 2 3 $(".one1 img").hide(); $(".one2 img").fadeOut(); $(".one3 img").slideUp(); $(".list img").show(); 효과(Effect) 1 2 3 $(".one1 img").hide(); $(".one2 img").fadeOut(); $(".one3 img").slideUp(); $(".list img").show(); Sample2 클릭하면 이미지가 속도에 따라..
Definition .fadeIn() 메서드는 선택한 요소를 천천히 보여줍니다. Syntax $("selector").fadeIn() Compatibility 6 7 8 9 10 11 .fadeIn() Sample1 클릭하면 이미지가 나타나는 예제입니다. 효과(Effect) 1 2 3 4 $(".one1").show(); $(".one2").fadeIn(); $(".one3").slideDown(); $(".list li").hide(); 효과(Effect) 1 2 3 4 $(".one1").show(); $(".one2").fadeIn(); $(".one3").slideDown(); $(".list li").hide(); Sample2 클릭하면 이미지가 속도에 따라 나타나는 예제입니다. 효과(Effec..
Definition .stop() 메서드는 실행중인 애니메이션을 정지합니다. Syntax $("selector").stop() Compatibility 6 7 8 9 10 11 .stop() Share