DAY 20 : jQuery

- jQuery

요소들을 선택하는 강력한 방법을 사용하고 선택된 요소들을 효율적으로 제어할 수 있는 자바스크립트 라이브러리를 의미한다.

 

- jQuery 라이브러리 추가하기

http://jquery.com/ > 제일 위에 download

	// 제이쿼리를 쓰기위한 태그
    <script src = "https://code.jquery.com/jquery-3.6.0.min.js">
	</script>

 

- jQuery 기본문법

선택자	문법
아이디 선택자	#("아이디명")
태그 선택자	$("태그명")
클래스 선택자	$('.클래스명')
속성 선택자	$('"태그[속성=속성값]") ex) input[type=radio]

 

- 메소드

메소드	의미
$("선택자").val()	value 속성값 가져오기
$("선택자").text()	태그 내부의 텍스트 내용
$("선택자").text(새로운 문자열)	태그 내부의 내용을 새로운 문자열로 변경
$("선택자").css("속성명", "속성값)	스타일 변경
$("선택자").each( () =>  {            $(this)        } )	반복문

 

 

- 장단점

jQuery를 사용하면 순수 JavaScript에 비해 속도가 느려진다. 하지만 간결한 문법으로 인해 개발속도 증가 및 처리비용 감소라는 장점이 있다. 하지만 까다로운 UI 작업일 경우 가벼운 DOM 스크립트를 사용하는 것이 좋다.

따라서 환경에 맞게 적절하게 맞추어 사용하는 것이 중요하다.