HANCO
JavaScript공부 04 / jQuery 본문
안녕하세요 핸들링코드 크루 박준영입니다.
오늘은 제이쿼리에 대해 알아봅시다.
제이쿼리는 자바스크립트의 라이브러리로서 사용법이 간단하고
무엇보다 자바스크립트 소스를 더 간단하게 만들어줍니다.
자바스크립트코드로
document.getElementsById("test1").innerHtml = "테스트입니다."
라면 제이쿼리코드로는 간단하게
$("test1").html("테스트입니다.") 로 사용할 수 있습니다.
jQuery는
http://jquery.com/
사이트에서 다운받을 수도 있지만
네트워크 환경이라면 소스한줄로 jQuery를 사용할 수 있습니다.
<head>
<script src="http://code.jquery.com/jquery-3.2.1.min.js"></script>
</head>
<head> 태그 안에 위의 소스를 추가하면 제이쿼리를 사용할 수 있습니다.
위의 코드는 제이쿼리를 사용해서
제목을 클릭했을때 글자가 사라지게하는 기능입니다.
function()를 이용해여 이벤트를 줄 수 있습니다.
제목이 사라진 것을 아래의 화면으로 확인할 수 있습니다.
제목이 없습니다.!
$(selector).action();
$ : jQuery를 뜻합니다.
selector : 선택자
action() : 선택된 요소의 함수 호출
클릭이벤트 뿐만아니라
마우스 포인터를 이용한 이벤트나
커서가 생겼을 때의 이벤트등 다양합니다.
'웹개발 > JavaScript' 카테고리의 다른 글
JavaScript공부03/기본 문법 (0) | 2017.09.07 |
---|---|
Javascript공부02/함수/함수호출/클로저 (0) | 2017.09.04 |
JavaScript공부01/aptana설치 (0) | 2017.09.02 |