jQuery 속성 및 스타일 (4)

클래스 이름을 동적으로 변경하여 요소를 수정하여 다양한 효과를 표시할 수 있습니다. HTML 구조에서 여러 클래스는 공백으로 구분됩니다. 노드(또는 레이블)에 여러 클래스가 포함된 경우 DOM 요소 응답의 className 특성은 클래스 이름 배열을 얻지 않고 공백이 포함된 문자열을 얻습니다. 다중 클래스 작업은 매우 번거롭습니다. 동일한 jQuery 개발자도 이 상황을 고려하여 클래스 이름을 동적으로 추가하기 위한 .addClass() 메서드를 추가했습니다.

스타일 삭제

다음 경우:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
    <style type="text/css">
        div{
            width:200px;
            height:200px;
        }
        .bg{
            background:red;
        }
    </style>
</head>
<body>
    <div id="div">php 中文网</div>

    <script type="text/javascript">
        $("#div").addClass('bg');
    </script>
</body>
</html>

위 코드로 우리 div의 스타일이 삭제됩니다

다음 섹션

새로운 파일

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
	<style type="text/css">
		div{
			width:200px;
			height:200px;
		}
		.bg{
			background:red;
		}
	</style>
</head>
<body>
	<div id="div">php 中文网</div>

	<script type="text/javascript">
		$("#div").addClass('bg');
	</script>
</body>
</html>

제출하다 코드 재설정

자동운전

전체 화면