jquery에서 클래스 선택기는 지정된 클래스가 있는 모든 요소를 선택하는 데 사용됩니다. 클래스 속성은 여러 HTML 요소에 대한 특정 스타일을 설정하는 데 사용됩니다. 일부 브라우저에서는 클래스 시작을 사용하지 않는 것이 가장 좋습니다. 숫자 속성의 경우 구문은 "$(".class")"입니다.
이 문서의 운영 환경: Windows 10 시스템, jquery 버전 3.6.0, Dell G3 컴퓨터.
.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 비디오 튜토리얼
위 내용은 Jquery 클래스 선택기를 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
