1. JQuery
-JQuery란 자바스크립트 라이브러리이다.
-Javascript를 좀 더 쉽게 사용하려고 만들어졌다.
-DOM 형식의 JavaScript 코드는 복잡하고 긴 이지만 JQuery는 좀더 직관적이고 짧고 단순하다.
à Ex) ID를 호출 하는 경우, JavaScript 는 document.getElementById('ID') 라고 써야 하지만,
JQuery 는 $('#ID') 로 표시할 수 있다.
-자바스크립트에는 prototype, jQuery, YUI 등의 다양한
라이브러리들이 있음.
-크로스 브라우저를 지원한다.
-라이브러리란 자주 사용하는 코드들을 재사용할 수 있는 형태로 가공해서 프로그래밍 효율을
높여주는 코드들을 의미.
1.1 사용방법
1. CDN 호스트를 통해 JQuery를 불러오는 방법.
인터넷이 접속된 곳이라면 어디에서든지 사용할 수 있다.
<head><script src=http://code.jquery.com/jquery-1.11.1.js></head>
2. 파일을 설치하여 사용하는 방법
정확한 경로 설정이 필요하며 파일이 다운로드 되어 있어야 한다.
<head><script src=”js/jquery-1.7.2.min.js”></head>
3. 한글이 깨질 때
jquery는 대/소문자를 구별한다.
한글이 깨질 때는 <head> 부분에 meta 태그를 추가한다.
<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
4. $(‘선택자’).css(‘속성’,’값’);
$(‘선택자,선택자’).css(‘속성’,’값’).css(‘속성’,’값)’;
'Web > jQuery' 카테고리의 다른 글
[JQuery 기본 개념] JQuery문법-$/Selector/CSS Selector (0) | 2016.06.23 |
---|---|
[JQuery 기본 개념] jQuery 사용 이유 (0) | 2016.06.23 |
[Javascript 기본 개념] Javascript 문법-함수와 콜백 (0) | 2016.06.23 |
[Javascript 기본 개념] Javascript 문법-유효범위(scope) (0) | 2016.06.23 |
[Javascript 기본 개념] Javascript 문법-객체/Location/Navigator/제어대상 (0) | 2016.06.23 |