jQuery란 무엇일까?

jQuery란?
웹사이트에 자바스크립트를 쉽게 활용할 수 있도록 도와주는 오픈소스 기반의 자바스크립트 라이브러리.

jQuery의 특장점
1. 웹페이지 상에서 엘리먼트를 쉽게 찾고 조작할 수 있음.
2. 거의 모든 웹브라우저에 대응할 수 있음.
3. 네트워크, 애니메이션 등의 다양한 기능을 제공.
4. Method Chaining 등 짧고 유지관리가 용이한 코드 작성을 지원함.

등의 장점이 있지만 현재는 사용량이 줄고 있음!

jQuery 간단 사용기

input 박스의 값을 가져와보기

	<div>
      <input id="url"/>
	</div>

일때,

	$('#url').val()

로 값을 가져올 수 있음!

input 박스에 값을 넣어보기

	$('#url').val('넣을 벨류값')

반대로 사용하면 값을 넣을 수 있음!

엘리먼트(element) 숨기기/보이기

	<div id='element'>
      <p></P>
    </div>

일때,

	$('#element').hide()

로 숨기고,

	$('#element').show()

로 보이기!

HTML element 추가하기

	<div>
      <div id='append'></div>
    </div>

일때, append에 div요소를 추가하기 위해선 먼저 추가할 요소를 만들어야함! 예를 들어

	let temp_html = `<div>${'추가할 요소'}</div>`

를 만들어 놓은 후에

	$('#append').append(temp_html);

로 해당 id에 요소를 추가할 수 있음.