jQuery에서 클릭 이벤트의 정의와 사용

1759 단어 jQuery이벤트
본고는 jQuery에서 클릭 이벤트의 정의와 용법을 실례로 기술합니다.여러분에게 참고할 수 있도록 나누어 드리겠습니다.구체적인 분석은 다음과 같다.
마우스 포인터가 일치하는 요소 위에 있는 상태에서 마우스 왼쪽 단추를 누르고 풀거나 클릭 () 방법을 사용하면 클릭 이벤트를 촉발합니다.
클릭 () 방법도 이벤트 처리 방법을 연결할 수 있습니다.
구문 구조 1:
클릭 이벤트를 터치합니다.
$(selector).click()
구문 구조 2:
클릭 이벤트를 위한 이벤트 처리 방법을 연결합니다.
$(selector).click(data,function)
매개변수 목록:
매개 변수
묘사
data
선택 사항입니다.function 처리를 위한 데이터를 정의합니다.
function
클릭 이벤트가 촉발될 때 실행되는 함수를 정의합니다.
인스턴스 코드:

<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="https://www.jb51.net/" />
<title>click - </title>
<style type="text/css">
div{
  width:200px;
  height:200px;
  border:5px solid green;
}
</style>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    $("div").text(" ");
  })
  $("p").dblclick(function(){
    $("button").click();
  })
})
</script>
</head>
<body>
<div></div>
<p> click </p>
<button> </button>
</body>
</html>
위 코드는 p 요소를 두 번 클릭하거나 단추를 눌렀을 때div에서 새로운 텍스트를 설정합니다.
본 논문이 여러분의 jQuery 프로그램 설계에 도움이 되기를 바랍니다.

좋은 웹페이지 즐겨찾기