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

제이쿼리 .click( handler )

· 8년 전 · 1830

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

댓글 작성

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

로그인하기

게시글 목록

번호 제목
15895
15894
15893
15888
15887
15886
15885
jQuery .end()
15884
15883
jQuery .each()
15882
jQuery .die ()
15881
15880
15878
15877
15876
15874
15873
15872
15871
15866
15865
15864
15863
15862
15861
15859
15858
15857
15856
15855