Jquery 클래스 선택기를 사용하는 방법-프런트엔드 Q&A-php.cn

Jquery 클래스 선택기를 사용하는 방법

WBOY

풀어 주다： 2022-09-05 17:13:12

원래의

2060명이 탐색했습니다.

jquery에서 클래스 선택기는 지정된 클래스가 있는 모든 요소를 선택하는 데 사용됩니다. 클래스 속성은 여러 HTML 요소에 대한 특정 스타일을 설정하는 데 사용됩니다. 일부 브라우저에서는 클래스 시작을 사용하지 않는 것이 가장 좋습니다. 숫자 속성의 경우 구문은 "$(".class")"입니다.

Jquery 클래스 선택기를 사용하는 방법

이 문서의 운영 환경: Windows 10 시스템, jquery 버전 3.6.0, Dell G3 컴퓨터.

jquery 클래스 선택기 사용 방법

.class 선택기는 지정된 클래스를 가진 모든 요소를 선택합니다.

class는 HTML 요소의 클래스 속성을 나타냅니다.

class 속성은 여러 HTML 요소에 대한 특정 스타일을 설정하는 데 사용됩니다.

참고: 숫자로 시작하는 클래스 속성을 사용하지 마세요! 이로 인해 일부 브라우저에서는 문제가 발생할 수 있습니다.

구문은

$(".class")

로그인 후 복사

예제는 다음과 같습니다.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $(".intro").css("background-color","yellow");
});
</script>
</head>
<body>
<h1>欢迎访问我的主页</h1>
<p>没有指定class</p>
<p class="intro">指定class，设置背景颜色</p>
</body>
</html>

로그인 후 복사

출력 결과:

Jquery 클래스 선택기를 사용하는 방법