[Selector] JQ - e1,e2,e3... 선택자 - 여러 요소 선택. (= 여러 요소선택자)

목차

1. e1,e2,e3... 에제
2. e1,e2,e3... 정의
3. e1,e2,e3... 구문

e1,e2,e3... 예제- H1, P, DIV 요소 선택

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

<script>

$(document).ready(function(){

  $("H1,P,DIV").css("background-color", "yellow");

});

</script>

<h1>홈짱닷컴 Homzzang.com</h1>

<p class="hz">HTML CSS JS PHP SQL</p>

<p>홈페이지 제작관리</p>

<div>그누보드 기초강의</div>

결과보기

e1,e2,e3... 정의

 

여러 요소 선택.

 

---

 

1.

요소명 (= 태그명)은 대소문자 구분 X.

 

2.

하나의 따옴표 안에 여러 요소명을 쉼표로 구분. 

(예)  "H1,P,DIV" 또는, 'H1,P,DIV'

[주의] "H1","P","DIV" 처럼 하면 작동 안 함.

 

3. cf.

* 선택자 : 모든 요소 선택.

 

e1,e2,e3... 구문

 

$("element1,element2,element3,...")

 

---

[매개변수]

 

element1,element2,element3,...

필수. 선택할 요소명을 쉼표로 나열.