jquery에서 클릭 이벤트를 설정하는 방법은 무엇입니까-프런트엔드 Q&A-php.cn

jquery에서 클릭 이벤트를 설정하는 방법은 무엇입니까

WBOY

풀어 주다： 2022-05-10 11:27:47

원래의

3740명이 탐색했습니다.

jquery에서 클릭 이벤트를 설정하는 방법은 click()입니다. 이 방법은 요소 위에 마우스 포인터를 놓고 왼쪽 버튼을 클릭할 때 발생하도록 클릭 이벤트를 설정하는 데 사용됩니다. 실행되거나 클릭 이벤트가 지정됩니다. 이때 실행되는 함수는 "element object.click(실행 함수)"입니다.

jquery에서 클릭 이벤트를 설정하는 방법은 무엇입니까

이 튜토리얼의 운영 환경: windows10 시스템, jquery3.2.1 버전, Dell G3 컴퓨터.

jquery에서 클릭 이벤트를 설정하는 방법은 무엇인가요?

jquery에서 클릭 이벤트를 설정하는 방법은 click() 메서드입니다.

요소를 클릭하면 클릭 이벤트가 발생합니다.

클릭은 마우스 포인터를 요소 위에 놓은 다음 마우스 왼쪽 버튼을 눌렀다가 떼면 발생합니다.

click() 메서드는 클릭 이벤트를 트리거하거나 클릭 이벤트가 발생할 때 실행할 함수를 지정합니다.

클릭 이벤트 트리거

$(selector).click()

로그인 후 복사

클릭 이벤트에 함수 바인딩

$(selector).click(function)

로그인 후 복사

function 선택 사항입니다. 클릭 이벤트가 발생할 때 실행할 함수를 지정합니다.

예제는 다음과 같습니다.

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    $("p").slideToggle();
  });
  $("p").dblclick(function(){
    $("button").click();
  });
});
</script>
</head>
<body>
<button>点击这里进行切换</button>
<p>双击本段落会触发上面这个按钮的 click 事件。</p>
</body>
</html>

로그인 후 복사

출력 결과:

jquery에서 클릭 이벤트를 설정하는 방법은 무엇입니까