라이브러리란?(library)
자주 사용하는 코드들을 재사용할 수 있는 형태로 가공해서 프로그래밍 효율을 높여주는 코드들
jQuery란?
- 엘리먼트를 선택하는 강력한 방법과
- 선택된 엘리먼트들을 효율적으로 제어할 수 있는 다양한 수단을 제공하는
- 자바스크립트 라이브러리
라이브러리 활용법 jquery 라이브러리를 다운받아 <script src= "위치"/>
또는 위치부분에 CDN주소
$('css선택자').css('color': 'red');
.css('color': 'red'); 부분은 Jquery 객체의 메소드
$(' 선택자 ')
선택자 --> TagName
.선택자 --> ClassName
#선택자 --> IdName
예제
적용 우선순위 #idName > .ClassName > 선택자
결과 값 참고!
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="https://code.jquery.com/jquery-1.12.4.js"
integrity="sha256-Qw82+bXyGq6MydymqBxNPYTaUXXq7c8v3CwiYwLLNXU="
crossorigin="anonymous"></script>
</head>
<body>
<ul>
<li>HTML</li>
<li>HTML1</li>
<li class="aaa">CSS</li>
<li id="idName1">JAVASCRIPT</li>
</ul>
<script>
$('ul').css('color', 'red');
$('.aaa').css('color', 'green');
$('#idName1').css('color', 'blue').css('textDecoration', 'underline');
</script>
</body>
</html>
