반응형
01. jQuery 사이트에 접속하여(http://jquery.com/)
Download jQuery를 클릭한다.
02. 개발자 버전의 jQuery 라이브러리를 다운을 클릭한다.
03. jQuery 라이브러리 소스가 보여지는데 전체 소스를 복사한다.
04. Text 편집기를 열고 복사한 내용을 붙여넣기 한다.
05. Text 편집기에 작성된 내용을 아래 순서에 맞게 저장한다.
① 저장할 경로를 지정한다.
② 파일 이름을 정하고 반드시 확장자를 *.js로 설정한다.
③ 저장한다.
06. jQuery 소스를 작성한다.
| 14-1.html |
| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <!-- jQuery 라이브러리의 경로를 지정한다. --> <script src = "./js/jquery.1.9.1.min.js"></script> <script type="text/javascript"> // jQuery를 이용해 테두리를 지정 $(function() { $('p:last').css('border', '1px solid black'); }); // 기본 자바스크립트를 이용해 테두리를 지정 window.onload = function() { var ps = document.getElementsByTagName('p'); ps[ps.length - 2].style.border = '2px solid black'; } </script> </head> <body> <p>Hello</p> <p>and</p> <p>Goodbye</p> </body> </html> |
07. 작성한 소스를 경로설정을 잘 맞춰주어 저장한다.
08. 해당 화면과 같이 나타나면 설정은 완료된다.
반응형
'jQuery' 카테고리의 다른 글
| [jQuery] jQuery를 사용한 객체 확장 (0) | 2013.09.10 |
|---|---|
| [jQuery] jQuery를 사용한 배열 관리 (0) | 2013.09.10 |
| [jQuery] jQuery 문법 (0) | 2013.02.22 |
| [jQuery] CDN(Content Delivery Network) 호스트 (0) | 2013.02.22 |
| [jQuery] jQuery란? (0) | 2013.02.22 |
