테스트 사이트 - 개발 중인 베타 버전입니다

제이쿼리 .click( handler )

· 8년 전 · 1831

제이쿼리 .click( handler )


설명 : 이벤트 핸들러를 "클릭"JavaScript 이벤트에 바인딩하거나 요소에서 이벤트를 트리거하십시오.


이 방법은 .on( "click", handler )첫 번째 두 가지 변형과 .trigger( "click" )세 번째 변형에 대한 바로 가기입니다 . 


click마우스 포인터가 요소 위에있을 때 이벤트는 요소로 전송하고, 마우스 버튼을 누를 해제됩니다. 


모든 HTML 요소는이 이벤트를 수신 할 수 있습니다. 예를 들어, HTML을 고려해보십시오.



<div id="target">

  Click here

</div>

<div id="other">

  Trigger the handler

</div>


예 :

클릭 한 페이지의 단락 숨기기 


<!doctype html>

<html lang="en">

<head>

  <meta charset="utf-8">

  <title>click demo</title>

  <style>

  p {

    color: red;

    margin: 5px;

    cursor: pointer;

  }

  p:hover {

    background: yellow;

  }

  </style>

  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>

</head>

<body>

 

<p>First Paragraph</p>

<p>Second Paragraph</p>

<p>Yet one more Paragraph</p>

 

<script>

$( "p" ).click(function() {

  $( this ).slideUp();

});

</script>

 

</body>

</html>

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시글 목록

번호 제목
15935
15934
jQuery .first()
15933
15932
15931
15930
15929
15928
15924
15923
15922
15921
15920
15919
15917
15916
15915
15914
15913
15912
15911
15910
15909
15908
15907
15906
15901
15900
15899
15898