[jQuery] .click() - 선택한 요소를 클릭 시 함수를 실행하는 메서드

안녕하세요. 경제적, 시간적 자유를 꿈꾸는 한량입니다.

jQuery의 .click() 사용법

jQuery의 .click()은 선택한 요소에 클릭 이벤트를 연결하는 함수입니다. 
이 메서드를 사용하면 사용자가 해당 요소를 클릭할 때 특정 동작을 수행할 수 있습니다.

 

예를 들어, 다음과 같은 HTML이 있다고 가정해 봅시다.
'#myButton' 요소에 .click() 메서드를 사용하여 클릭 이벤트를 연결할 수 있습니다.

// javascript code
$('#myButton').click(function() {
  alert('클릭됨!');
});

// html code
<button id="myButton">클릭해보세요</button>

위의 코드는 #myButton 요소를 클릭하면 "클릭됨!"이라는 메시지를 출력합니다.

 

또 다른 예시로, 클릭 이벤트 핸들러 함수를 따로 정의해서 사용할 수도 있습니다. 
예를 들어, 다음과 같은 코드를 작성할 수 있습니다.

function buttonClickHandler() {
  alert('클릭됨!');
}

$('#myButton').click(buttonClickHandler);

.click() 메서드는 다른 이벤트 핸들러 메서드와 마찬가지로, 

이벤트가 발생할 때 실행할 함수를 지정할 수 있습니다. 
'#myButton' 요소를 클릭하면, 'buttonClickHandler' 함수가 실행되고 

"클릭됨!"이라는 메시지가 출력됩니다.