jQuery란?
- 자바스크립트 라이브러리
: 자바스크립트를 쉽게 쓸 수 있도록 만든 라이브러리
: jQuery 사용 시 자바스크립트 프로그래밍의 양을 줄일 수 있다 (짧고 간결)
jQuery사용방법
- www.jquery.com 에서 다운로드
- head섹션에 script로 참조해서 사용
<head><script src="jquery-3.4.1min.js"></script><head>
jQuery문장구조
$(selector).action();
- $ : jQuery라는 의미
- selector : 선택자
- action() : 선택된 요소가 수행할 작업
- ex
$('h2').css("background","blue");
$("p").show();
$("#id9").hide();
jQuery기본선택자
- 전체선택자
$('*') - 현재 HTML요소 선택자 :
$(this) - 요소 선택자 (html 태그 선택자)
$('h1'),$('p') - 여러개의 태그 선택
$('h1,p').css('color','orange'); - class 선택자
$('.name') - id 선택자
$('#name')
https://www.w3schools.com/jquery/trysel.asp
jQuery core1
$() : jQuery 함수
jQuery core6
- p엘리먼트의 개수
$("p").length; - 반복문
- select 이용
HI :)