[Selector] JQ - .class 선택자 - 지정 클래스 갖는 요소 선택. (= 클래스 선택자)

목차

1. .class 예제
2. .class 정의
3. .class 구문

.class 예제 - 클래스가 hz인 p요소 선택.

 

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

<script>

$(document).ready(function(){

  $("button").click(function(){

    $("p.hz").hide();

  });

});

</script>

<h2 class="hz">홈짱닷컴</h2>

<p class="hz">Homzzang.com</p>

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

<button>클릭</button>

결과보기

.class 정의

 

지정 클래스명 갖는 요소 선택.

 

---

 

※ 주의: 클래스명은 숫자로 시작 금지.

 

.class 구문

 

$(".class")

 

---

[매개변수]

 

class

필수. 클래스명.