JQUERY) 사용 방법

JQUERY 사용방법

방법 1. 다운로드

https://jquery.com/download/

Download jQuery | jQuery

 

방법 2. CDN  사용

링크 복사

script태그에 소스 삽입

자바스크립트 코드를 간소화

검색 Keywork : jquery css

$('    ') : $사용 하여 ()안에 태그를 삽입하여, 모든 ()안의  태그를 다루겠다는 의미.

	var Links = {
		setColor:function (color) {
		
//			var alist = document.querySelectorAll('a');
//			var i = 0;
//			while (i < alist.length) {
//			    console.log(alist[i]);
//			    alist[i].style.color = color;
//			    i = i + 1;
//			}
			$('a').css('color', color); // 후
			//모든 a태그의 color값을 color로 한다. 위 반복문을 한줄로 표시가능.
		}
		
	}
	var Body = {
		setColor:function(color) {
//			document.querySelector('body').style.color = color; // 전
			$('body').css('color',color); // 후
		},
		setBackgroundColor:function (color) {
//			document.querySelector('body').style.backgroundColor = color; // 전
			$('body').css('backgroundColor', color); // 후
		}
	}