프론트엔드/Java Script, jQuery, AJAX
jQuery Button 예제
데르벨준
2013. 10. 15. 14:44
반응형
0. 들어가기
처음 jQuery를 하다보니 수 많은 삽질과 분노로 얼룩졌던 쳐절한 예제입니다.
그럼에도 불구하고 성공의 쾌감은 언제나 모든 걸 잊게 만드네요. 엔돌핀 뺨치는
마약같습니다. 아니 성공하니까 엔돌핀이 나오는 건가?
어찌됬던 예제는 다음과 같습니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
<!-- jQuery INPUT -->
<script type="text/javascript" src="jquery-2.0.3.min.js"></script>
<script type="text/javascript">
<!-- jQuery FUNCTION READY -->
$(document).ready(function(){
$('a.doSomething').click(function(){
alert('You did somthing, u hoo!');
});
$('#inputButton').click(function(){
alert('InputButton Clicked! u hoo!');
});
$('#tagButton').click(function(){
alert('TagButton Clicked! u hoo!');
});
});
</script>
</head>
<body>
<!-- A TAG TEST -->
<a href="http://www.daum.net" class="doSomething">Click!</a><br>
<!-- INPUT BUTTON TEST -->
<form>
<input type="button" id="inputButton" value="InputButton!!"/>
</form>
<!-- TAG BUTTON TEST -->
<button id="tagButton">TagButton!!</button>
</body>
</html>
반응형