728x90
반응형
* JQuery를 활용하여 h1태그의 내용을 클릭시 경고창 출력하기
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jQuery event</title>
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script>
// ready 이벤트 연결
$(document).ready(function () { // 자동으로 실행되는 부분
// click 이벤트 연결
$('h1').click(function () { // h1 태그를 누르면 경고창 발생
alert('클릭!');
});
});
</script>
</head>
<body>
<h1>Click</h1>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title>jQuery event</title>
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script>
// ready 이벤트 연결
$(document).ready(function () { // 자동으로 실행되는 부분
// click 이벤트 연결
$('h1').click(function () { // h1 태그를 누르면 경고창 발생
alert('클릭!');
});
});
</script>
</head>
<body>
<h1>Click</h1>
</body>
</html>
728x90
반응형
'JQUERY > 함수' 카테고리의 다른 글
| jQuery 롤오버 (0) | 2014.08.19 |
|---|---|
| Ajax 연동시 history 문제(뒤로가기) (0) | 2014.08.19 |
| 선택된 <select> (0) | 2014.08.19 |
| Ajax Character Set (배열 처리) (0) | 2014.08.19 |
| FORM 배열 (0) | 2014.08.19 |
| 다중 창(popup, iframe)에서 부모창 컨트롤 (0) | 2014.08.19 |
| 엘레멘트 불러오기 (0) | 2014.08.19 |
| jQuery 간단 정리 (1) | 2014.08.08 |
nineDeveloper
안녕하세요 현직 개발자 입니다 ~ 빠르게 변화하는 세상에 뒤쳐지지 않도록 우리모두 열심히 공부합시다 ~! 개발공부는 넘나 재미있는 것~!