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

제이쿼리 .click( handler )

· 8년 전 · 1829

제이쿼리 .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>

댓글 작성

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

로그인하기

게시글 목록

번호 제목
15854
15853
15852
15851
15849
15848
15847
15843
15842
15841
15840
15839
15838
15837
15836
15835
15834
15833
15832
15831
15830
15829
15828
15826
15825
15824
15823
15822
15821
15820