잔글 (1.215.36.58(토론)의 편집을 202.8.191.103의 마지막 판으로 되돌림) |
Jmnote bot (토론 | 기여) 잔글 (봇: 자동으로 텍스트 교체 (-</source> +</syntaxhighlight>, -<source +<syntaxhighlight )) |
||
| (같은 사용자의 중간 판 하나는 보이지 않습니다) | |||
| 5번째 줄: | 5번째 줄: | ||
==예시1: input button== | ==예시1: input button== | ||
< | <syntaxhighlight lang='html5'> | ||
<script src="//code.jquery.com/jquery.min.js"></script> | <script src="//code.jquery.com/jquery.min.js"></script> | ||
| 15번째 줄: | 15번째 줄: | ||
}); | }); | ||
</script> | </script> | ||
</ | </syntaxhighlight> | ||
<jsfiddle>y779gh34</jsfiddle> | <jsfiddle>y779gh34</jsfiddle> | ||
==예시2: button== | ==예시2: button== | ||
< | <syntaxhighlight lang='html5'> | ||
<script src="//code.jquery.com/jquery.min.js"></script> | <script src="//code.jquery.com/jquery.min.js"></script> | ||
| 29번째 줄: | 29번째 줄: | ||
}); | }); | ||
</script> | </script> | ||
</ | </syntaxhighlight> | ||
<jsfiddle>900hzc02</jsfiddle> | <jsfiddle>900hzc02</jsfiddle> | ||
| 41번째 줄: | 41번째 줄: | ||
*[[JavaScript 클릭 이벤트]] | *[[JavaScript 클릭 이벤트]] | ||
==참고 | ==참고== | ||
*http://www.w3schools.com/jquery/default.asp | *http://www.w3schools.com/jquery/default.asp | ||
[[분류: jQuery]] | [[분류: jQuery]] | ||
2020년 11월 2일 (월) 02:53 기준 최신판
1 개요[ | ]
- jQuery 클릭 이벤트
- jQuery .click()
2 예시1: input button[ | ]
<script src="//code.jquery.com/jquery.min.js"></script>
<input type='button' id="button1" value='버튼1'/>
<script>
$("#button1").click(function() {
alert("버튼1을 누르셨습니다.");
});
</script>
3 예시2: button[ | ]
<script src="//code.jquery.com/jquery.min.js"></script>
<button id="button1">버튼1</button>
<script>
$("#button1").click(function() {
alert("버튼1을 누르셨습니다.");
});
</script>
4 같이 보기[ | ]
- jQuery 폼 내부 어느 버튼인지 확인
- jQuery CSS 속성 변경
- jQuery 이벤트
- jQuery preventDefault 함수
- jQuery bind 함수
- jQuery 모바일 시작하기
- JavaScript 클릭 이벤트
5 참고[ | ]
로그인하시면 댓글을 쓸 수 있습니다.
{{ comment.name }}
{{ comment.created | snstime }}
-
{{comment.page_title}} ―{{comment.name}}