[jQuery] 간단 정리

jQuery 는 예전에 배워놓고 nomad coder아저씨가 안쓰는게 좋다는 뉘양스로 말해서 다 잊었는데,

JSP를 공부하고, Ajax를 공부하다보니 다들 jQuery의 Ajax를 간편하게 사용한다는 것을 알았다.

일단 공부할때만 jQuery로 하고, javascript로 Ajax구현한것을 체화해서 써야겠다.

일단 정리한다.

사용 예제

<script>

$(document).ready(

function(){

$("#b1").click(

function(){

$("#b2").text(

$("p").text()

)

}

);

$("#b2").click(

function(){

$("#display").html("<img src='링크' />")

}

);

}

);

</script>

1) 마우스 이벤트

- click

: 엘리먼트 클릭 시 발생

- dbclick

: 엘리먼트 더블클릭 시 발생

- mouseenter

: 엘리먼트에 마우스 포인터가 위치

- mouseleave

: 엘리먼트에 위치한 마우스 포인터가 벗어나면 발생

2) 키보드 이벤트

- keypress

: 키보드를 눌렀다 놓으면 발생

- keydown

: 키보드를 누르면 발생

- keyup

: 눌린 키보드를 놓으면 발생

3) 폼 이벤트

- submit

: 폼 전송 시 발생

- change

: 폼 엘리먼트가 변경되면 발생

- focus

: 폼 엘리먼트의 포커스가 위치되면 발생

- blur

: 폼 엘리먼트가 포커스를 잃으면 발생

4) 도큐먼트/윈도우 이벤트

- ready

: 페이지의 로드가 완료되면 발생

- load

: 페이지가 로드되면 발생

- resize

: 웹 브라우저의 창의 크기를 변경하면 발생

- scroll

: 웹 브라우저 창의 스크로를 이동하면 발생

- unload

: 페이지가 언로드되면 발생