제이쿼리 .click( handler )
제이쿼리 .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>