jquery (1)기초지식

참고서적

jquery 最高の教科書　SB Creative 2580円

개발용 샘플 다운로드 

jquery공식 사이트

 

jquery는 오픈소스의 javascript라이브러리

javascript라이브러리는 자주 사용되는 기능과 효과를 미리 작성해두고 재이용 가능한 형태로 해둔 것.

 

장점

브라우저별로 다른 처리를 걱정하지 않아도 된다 

개발환경이 단축된다

유지가 쉽다

 

단점

라이브러리 문법을 배우지 않으면 안 된다

웹페이지의 표시 퍼포먼스가 저하되는 경우가 있다

 

※javascript로 작성한 코드

var button = document.getElementById(''),
	sayHello = function(){
    	alert('Hello, world!');
    };

if (button.addEventListener) {
	button.addEventListener('click', sayHello, false);
} else if (button.attachEvent) {
	button.attatchEvent('onclick', sayHello);
}

 

※jquery로 작성한 코드

$('#greeting').on('click', function () {
	alert('Hello, world!');
}

같은 코드를 더 간단하게 작성 가능.

 

 

※html안의 id = 'typo'의 css스타일을 변경하고 싶은 경우

$(functio(){
	$('#typo').css('color', '#ebc000');
});

 

스타일 변경 코드 작성법

$('id혹은 class의 요소 이름'). css('프로퍼티', '값');