크롬에서 jQuery 가 실행이 안되서 확인해봤더니
에러 내용이
" $ is not defined " 였다.
IE에서는 실행되는데, fireFox, chrome에서는 실행안돼서 확인해보니까
utf-16으로 되어있어서 실행안됐었다.
---------- 실행된 코드-------------
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="../js/jquery.js"></script>
<!-- jQuery 외부 라이브러리를 외부포함파일로 불러오는 형식 -->
<script>
$(document).ready(function()
{
// $는 jQuery라는 뜻.
// jQuery는 자바 스크립트 프레임웍이다. jQuery라이브러리가 있어야 실행된다.
// $대신 jQuery를 사용해도 된다. 특히 Q는 대문자이다.
$("h2").click(function(){ // h2태그 클릭했을때 실행된다. 클릭 이벤트 처리.
$(this).hide();// 한줄 주석문 기호, this는 내 자신을 가리킨다. 즉 h2태그를 가리킨다.
// hide는 제이쿼리 함수로서 해당 요소를 숨김.
});
});
</script>
</head>
<body>
<h2> 여기를 클릭하면 사라집니다.</h2>
</body>
</html>
------ 틀린코드 -------------
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-16">
<title></title>
<script type="text/javascript" src="../js/jquery.js"></script>
<!-- jQuery 외부 라이브러리를 외부포함파일로 불러오는 형식 -->
<script>
$(document).ready(function()
{
// $는 jQuery라는 뜻.
// jQuery는 자바 스크립트 프레임웍이다. jQuery라이브러리가 있어야 실행된다.
// $대신 jQuery를 사용해도 된다. 특히 Q는 대문자이다.
$("h2").click(function(){ // h2태그 클릭했을때 실행된다. 클릭 이벤트 처리.
$(this).hide();// 한줄 주석문 기호, this는 내 자신을 가리킨다. 즉 h2태그를 가리킨다.
// hide는 제이쿼리 함수로서 해당 요소를 숨김.
});
});
</script>
</head>
<body>
<h2> 여기를 클릭하면 사라집니다.</h2>
</body>
</html>
'프로그래밍 > Java & GWT' 카테고리의 다른 글
| [spring] 사전 설정 - oracle 설치. (0) | 2016.12.13 |
|---|---|
| string 객체와 문자열 string의 차이. (0) | 2016.11.29 |
| java 빌드 도구 (0) | 2016.08.22 |
| jdbc란? ORM은? (0) | 2016.08.22 |
| ibatis - hibernate 프레임워크 비교 (0) | 2016.08.22 |
댓글