logo

jQuery click() 메소드와 onClick 이벤트 비교

jQuery는 가볍고 빠르며 크로스 플랫폼 기능으로 유명한 JavaScript 라이브러리입니다. Write less, do more를 모토로 하는 오픈 소스 라이브러리입니다. jQuery의 주요 목적은 Java 스크립트를 매우 쉽게 만들어 더욱 매력적이고 대화형 웹사이트를 만드는 것입니다. jQuery에는 jQuery onClick(), jQuery click() 등과 같은 여러 이벤트가 있습니다. jQuery.click()은 클릭 이벤트를 시작할 수 있는 내장 jQuery 메서드이고 jQuery.onClick은 공유하는 내장 jQuery 이벤트입니다. jQuery.click() 메서드와 유사합니다. 이 기사에서는 jQuery의 click() 함수와 onClick() 이벤트 속성을 모두 살펴보고 예제를 통해 이들과 구현의 차이점을 알아봅니다.

click() 메서드 : 이는 클릭 이벤트를 시작할 수 있는 내장 jQuery 메서드입니다. 웹 페이지에서 특정 요소를 클릭하면 click() 메서드가 트리거되어 클릭 이벤트 발생이 시작됩니다. 또한 click() 메서드에 함수가 연결되어 있으면 해당 함수도 실행됩니다. click() 메소드를 사용하여 요소와 관련된 다양한 작업을 수행할 수 있습니다.



통사론: jQuery click() 메소드는 두 가지 형식을 가질 수 있습니다.

$('selector').click() $('selector').click(function(){})>

매개변수: jQuey click() 메소드는 클릭 이벤트가 발생할 때 트리거할 함수를 지정하는 하나의 선택적 매개변수 함수만 허용합니다.

예시 1: 이 예제는 jQuery에서 click() 함수의 기본 사용법을 보여줍니다.



HTML






> <>html>>> > <>head>>> ><>script> src>=> ' https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js '>>> >script>