[JQ] JQ 선택자 통해 요소 속성 바꾸기

• 제이쿼리 기본세팅

**<script src="../js/jquery-3.7.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	alert(' JQUERY 준비 끝! ');
});**

document.fr.id(JS)
$ (요소 선택자)  $ ( input/#id ) (JQuery)

• 모든요소를 선택하는 선택자
  • 주로 작은따옴표를 사용

$('*');

• css function을 들고와서 모든 요소의 color를 red로 바꾸기

$('*').css('color', 'red');

➡️ 원래 색이 바뀐게 아니라 검은색 위에 빨간색이 덮여진거임

document가 끝나면 JQ가 실행 됨

JQ는 body 하단부에 쿼리를 따로 모아둠

• 태그요소 선택하는 선택자 -제목(h2) 색상 변경

$('h2').css('color', 'blue');

• 제목1, 제목2를 구분할 수 있도록 속성 추가하기

<h2 class="t1"> 제목1 </h2>
<h2 id="t2"> 제목2 </h2>

$('.t1').css('color', 'orange'); // 클래스요소 선택자
$('#t2').css('color', 'pink'); // 아이디요소 선택자

클래스 - 아이디 속성의 차이점

	클래스	아이디
중복 여부	중복 가능	중복 불가

jQuery Reference

jQuery Reference