JavaScript - 문제 미리보기
문제 780
medium
클래스명이 "intro"인 모든 요소를 선택하는 코드입니다. 빈칸에 들어갈 올바른 조합은?
```javascript
// jQuery
myElements = _______(".intro");
// JavaScript
myElements = document._______("intro");
```
정답: A
jQuery의 $ 함수와 JavaScript의 getElementsByClassName 메서드를 사용한 클래스 선택입니다.
클래스 선택 방법 비교:
jQuery 방식:
```javascript
// $ 기호 사용 (jQuery의 핵심 함수)
var myElements = $(".intro"); // 점(.) 포함
// jQuery의 다른 표기법 (동일한 결과)
var myElements = jQuery(".intro"); // $ 대신 jQuery 사용 가능
```
JavaScript 방식:
```javascript
// 클래스명만 사용 (점 없음)
var myElements = document.getElementsByClassName("intro");
```
실제 사용 예시:
```javascript
// jQuery
$(".intro").hide(); // 모든 .intro 요소 숨기기
$(".intro").css("color", "red"); // 색상 변경
// JavaScript
const elements = document.getElementsByClassName("intro");
for (let i = 0; i < elements.length; i++) {
elements[i].style.display = "none"; // 숨기기
elements[i].style.color = "red"; // 색상 변경
}
```
참고사항:
• jQuery는 CSS 선택자 문법을 그대로 사용
• JavaScript의 `getElementsByClassName`은 클래스명만 입력
💡 학습 팁
이 문제를 포함한 JavaScript 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.