본문 바로가기

Webstoryboy

Category

Explanation

JQUERY

(158)
[jQuery] .mouseup() .mouseup() 선택한 요소에서 마우스를 눌렀다가 떼었을 때 이벤트가 발생합니다. .mouseup() 정의 .mouseup() 메서드는 선택한 요소에서 마우스를 눌렀다가 떼었을 때 이벤트가 발생합니다. 문법 $("선택자").mouseup();
[jQuery] .mouseover() .mouseover() 선택한 요소에서 마우스를 올렸을 때 이벤트가 발생합니다. .mouseover() 정의 .mouseover() 메서드는 선택한 요소에서 마우스를 올렸을 때 이벤트가 발생합니다. 문법 $("선택자").mouseover();
[jQuery] .mouseout() .mouseout() 선택한 요소에서 마우스가 벗어 났을 때 이벤트가 발생합니다. .mouseout() 정의 .mouseout() 메서드는 선택한 요소에서 마우스가 벗어 났을 때 이벤트가 발생합니다. 문법 $("선택자").mouseout();
[jQuery] .mousemove() .mousemove() 선택한 요소 범위 내에서 마우스를 움직였을 때 이벤트가 발생합니다. .mousemove() 정의 .mousemove() 메서드는 선택한 요소 범위 내에서 마우스를 움직였을 때 이벤트가 발생합니다. 문법 $("선택자").mousemove();
[jQuery] .mouseleave() .mouseleave() 선택한 요소 범위 내에서 마우스가 벗어 났을 때 이벤트가 발생합니다. .mouseleave() 정의 .mouseleave() 메서드는 선택한 요소 범위 내에서 마우스가 벗어 났을 때 이벤트가 발생합니다. 문법 $("선택자").mouseleave();
[jQuery] .mouseenter() .mouseenter() 선택한 요소 범위 내에서 마우스를 올렸을 때 이벤트가 발생합니다. .mouseenter() 정의 .mouseenter() 메서드는 선택한 요소 범위 내에서 마우스를 올렸을 때 이벤트가 발생합니다. 문법 $("선택자").mouseenter();
[jQuery] .mousedown() .mousedown() 선택한 요소에서 마우스 버튼을 놀렀을 때 이벤트가 발생합니다. .mousedown() 정의 .mousedown() 메서드는 선택한 요소에서 마우스 버튼을 놀렀을 때 이벤트가 발생합니다. 문법 $("선택자").mousedown();
[jQuery] .hover() .hover() 선택한 요소에서 마우스를 올렸을 때와 벗어 났을 때 각각 이벤트가 발생합니다. .hover() 정의 .hover() 메서드는 선택한 요소에서 마우스를 올렸을 때와 벗어 났을 때 각각 이벤트가 발생합니다. 문법 $("선택자").hover();
[jQuery] .dblclick() .dblclick() 선택한 요소에서 선택한 요소를 더블 클릭했을 때 이벤트가 발생합니다. .dblclick() 정의 .dblclick() 메서드는 선택한 요소에서 선택한 요소를 더블 클릭했을 때 이벤트가 발생합니다. 문법 $("선택자").dblclick();
[jQuery] .contextMenu() .contextMenu() 선택한 요소에서 마우스 오른쪽 버튼을 클릭하면 이벤트가 발생합니다. .contextMenu() 정의 .contextMenu() 메서드는 선택한 요소에서 마우스 오른쪽 버튼을 클릭하면 이벤트가 발생합니다. 문법 $("선택자").contextMenu();
[jQuery] .click() .click() 선택한 요소를 클릭했을 때 이벤트가 발생합니다. .click() 정의 .click() 메서드는 선택한 요소를 클릭했을 때 이벤트가 발생합니다. 문법 $("선택자").click();
[jQuery] Mouse Events 제이쿼리 기초 제이쿼리 사용방법 제이쿼리를 사용하기 위해서는 자바스크립트 라이브러리 파일이 필요합니다. jQuery 라이브러리는 jQuery 공식사이트에서 다운 받을 수 있습니다. jQuery는 1.x, 2.x, 3.x 버전이 있습니다. 1.x 버젼은 IE6, IE7, IE8 버젼을 지원합니다. .... 제이쿼리 메서드 기본 선택자 종류 예시 설명 태그 선택자 $("p") 기본 태그를 선택합니다. 클래스 선택자 $(".class") 클래스 태그를 선택합니다. 아이디 선택자 $("#id") 아이디 태그를 선택합니다. 그룹 선택자 $("p, .class, #id") 여러가지 태그를 선택합니다. 전체 선택자 $("*") 전체 태그를 선택합니다. 계층 선택자 종류 예시 설명 자손 선택자 $("div li") 자..
[jQuery] .keyup() .keyup() 선택한 요소에서 키보드를 눌렀다가 떼었을 때 이벤트가 발생합니다. .keyup() 정의 .keyup() 메서드는 선택한 요소에서 키보드를 눌렀다가 떼었을 때 이벤트가 발생합니다. 문법 $("선택자").keyup();
[jQuery] .keypress() .keypress() 선택한 요소에서 키보드를 계속 누르고 있을 때 이벤트가 발생합니다. .keypress() 정의 .keypress() 메서드는 선택한 요소에서 키보드를 계속 누르고 있을 때 이벤트가 발생합니다. 문법 $("선택자").keypress();
[jQuery] .keydown() .keydown() 선택한 요소에서 키보드를 눌렀을 때 이벤트가 발생합니다. .keydown() 정의 .submit() 메서드는 선택한 요소에서 키보드를 눌렀을 때 이벤트가 발생합니다. 문법 $("선택자").keydown();
[jQuery] Keyboard Events Keyboard Events Keyboard Events와 관련된 이벤트 메서드입니다. 메서드 설명 .keydown() 선택한 요소에서 키보드를 눌렀을 때 이벤트가 발생합니다. .keypress() 선택한 요소에서 키보드를 계속 누르고 있을 때 이벤트가 발생합니다. .keyup() 선택한 요소에서 키보드를 눌렀다가 떼었을 때 이벤트가 발생합니다.
[jQuery] .submit() .submit() 선택한 요소의 submit 버튼을 누르면 이벤트가 발생합니다. .submit() 정의 .submit() 메서드는 선택한 요소의 submit 버튼을 누르면 이벤트가 발생합니다. 문법 $("선택자").submit();
[jQuery] .select() .select() 선택한 요소 입력 양식의 텍스트를 선택했을 때 이벤트가 발생합니다. .select() 정의 .select() 메서드는 선택한 요소 입력 양식의 텍스트를 선택했을 때 이벤트가 발생합니다. 문법 $("선택자").select();
[jQuery] .focusout() .focusout() 선택한 요소에 포커스가 사라지기 바로 전에 발생합니다. .focusout() 정의 .focusout() 메서드는 선택한 요소에 포커스가 사라지기 바로 전에 발생합니다. 문법 $("선택자").focusout();
[jQuery] .focusin() .focusin() 선택한 요소에 포커스가 마주어지기 바로 전에 발생합니다. .focusin() 정의 .focusin() 메서드는 선택한 요소에 포커스가 마주어지기 바로 전에 발생합니다. 문법 $("선택자").focusin();
[jQuery] .focus() .focus() 선택한 요소에 포커스를 획득했을 때 이벤트가 발생합니다. .focus() 정의 .change() 메서드는 선택한 요소에 포커스를 획득했을 때 이벤트가 발생합니다. 문법 $("선택자").focus();
[jQuery] .change() .change() 선택한 요소에서 값이 변경될 때 이벤트가 발생합니다. .change() 정의 .change() 메서드는 선택한 요소에서 값이 변경될 때 이벤트가 발생합니다. 문법 $("선택자").change();
[jQuery] .blur() .blur() 선택한 요소에 포커스가 떠날 때 이벤트가 발생합니다. .blur() 정의 .blur() 메서드는 선택한 요소에 포커스가 떠날 때 이벤트가 발생합니다. 문법 $("선택자").blur();
[jQuery] Form Events Form Events Form Events와 관련된 이벤트 메서드입니다. 메서드 설명 .blur() 선택한 요소에 포커스가 떠날 때 이벤트가 발생합니다. .change() 선택한 요소에서 값이 변경될 때 이벤트가 발생합니다. .focus() 선택한 요소에 포커스를 획득했을 때 이벤트가 발생합니다. .focusin() 선택한 요소에 포커스가 마주어지기 바로 전에 발생합니다. .focusout() 선택한 요소에 포커스가 사라지기 바로 전에 발생합니다. .select() 선택한 요소 입력 양식의 텍스트를 선택했을 때 이벤트가 발생합니다. .submit() 선택한 요소의 submit 버튼을 누르면 이벤트가 발생합니다.
[jQuery] .undelegate() .undelegate() 선택한 요소 하위 요소에 이벤트를 제거합니다. .undelegate() 정의 .undelegate() 메서드는 선택한 요소 하위 요소에 이벤트를 제거합니다. 문법 $("선택자").undelegate();
[jQuery] .unbind() .unbind() 선택한 요소의 이벤트를 제거합니다. .unbind() 정의 .unbind() 메서드는 선택한 요소의 이벤트를 제거합니다. 문법 $("선택자").unbind();
[jQuery] .triggerHandler() .triggerHandler() 선택한 요소의 이벤트를 수동으로 발생시킵니다. .triggerHandler() 정의 .triggerHandler() 메서드는 선택한 요소의 이벤트를 수동으로 발생시킵니다. 문법 $("선택자").triggerHandler();
[jQuery] .trigger() .trigger() 선택한 요소의 이벤트를 수동으로 발생시킵니다. .trigger() 정의 .trigger() 메서드는 선택한 요소의 이벤트를 수동으로 발생시킵니다. 문법 $("선택자").trigger();
[jQuery] .one() .one() 선택한 요소의 이벤트 처리를 한번만 설정합니다. .one() 정의 .one() 메서드는 선택한 요소의 이벤트 처리를 한번만 설정합니다. 문법 $("선택자").one();
[jQuery] .on() .on() 선택한 요소의 이벤트를 설정합니다. .on() 정의 .on() 메서드는 선택한 요소의 이벤트를 설정합니다. 문법 $("선택자").on();