본문 바로가기

Think Factory/웹표준전문가

10.02. -제이쿼리

onmouseover 이벤트가 있을 때 onfocus도 같이 있어야 함

onmouseout 이벤트가 있을 때 onblur도 있어야 함


onsubmit, onreset 이벤트는 폼에 직접 등록


제이쿼리 : 자바스크립트로 구현해야 하는 것을 라이브러리화(함수로 구성)해서 플러그인처럼 쓸 수 있게 만듬

다운로드 방식과 CDN 방식이 있음. (작업할때는 다운로드 방식이 낫고 테스트할때는 CDN 방식이 낫다)

1. http://jquery.com/에 접속해서 라이브러리 파일을 다운

*무조건 최신 버전이 좋은 것은 아님. 계속 기능이 추가되고 없어지기 때문에 기존 버전을 사용해도 크게 무리는 없다

*compressed와 uncompressed가 있는데 전자는 일반, 후자는 개발자

2. 다운받은 파일을 문서에 링크걸어주면 준비 끝


제이쿼리 선택자는 앞에 $()

$(document).ready() - 문서의 모든 요소를 불러온 상태

$(document).ready(function(){}); 문서의 모든 요소를 로딩한 다음 함수를 실행하라


$(document).ready(function(){
    $("#h1").css("color","red")
});


$(function(){
    $("#h1").css("color","red")
});

'Think Factory > 웹표준전문가' 카테고리의 다른 글

10.07.  (0) 2013.10.07
10.04.  (0) 2013.10.04
10.01.  (0) 2013.10.01
09.30.  (0) 2013.09.30
Tip  (0) 2013.09.26