본문 바로가기
Web/jQuery

[JQuery 기본 개념] jquery란/jqeury 사용방법

by 나비와꽃기린 2016. 6. 23.
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

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(‘속성’,’)’;