[jQuery] 1. 앨리먼트를 클릭했을때 이벤트. (click)

해당 강의의 저작권은 Pure Ani's Blog의 주인장 Pure Ani에게 있습니다.

이번에는 특정 앨리먼트를 클릭했을때 발생하는 효과를 줘 보겠습니다.

일단 HTML코드입니다.

<div id="abc">abc</div>

id가 abc인 앨리먼트를 클릭하면 새창이 뜨도록 해보겠습니다.

$("#abc").click(function(){
    alert();
});

상단의 라인을 해석하자면..

$ == jQuery
("#abc") == id가 abc인것을 지정한다.
.click(function(){ == 클릭이 되면..
alert(); == 알림창을 띄운다.

개발할때 흔히 alert();를 줘서 많이 씁니다.

클릭이 재대로 되나 안되나 확인차..

※ 참고로 click다음에 적힌 function()는 콜백함수라 하여, 그것이 실행되었을때 호출되는 함수입니다.

출처 : Pure Ani's Blog