반응형
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>
반응형
'프론트엔드 > Java Script, jQuery, AJAX' 카테고리의 다른 글
| JavaScript 함수 호출과 매개변수를 이용한 Input 초기화 방법 (0) | 2013.12.18 |
|---|---|
| JavaScript Object 객체 활용법 (0) | 2013.12.18 |
| Javascript Validation Check - input Field Check (0) | 2013.12.18 |
| JavaScript/jQuery/AJAX의 개념 파악하기 (0) | 2013.10.15 |
| Java Script 공부하기 좋은 곳 (0) | 2013.05.25 |
WRITTEN BY
,
