jquery의 요소에 CSS 스타일을 설정하는 방법-JS 튜토리얼-php.cn

jquery의 요소에 CSS 스타일을 설정하는 방법

青灯夜游

풀어 주다： 2021-10-12 16:41:40

원래의

9520명이 탐색했습니다.

설정 방법: 1. css() 메서드를 사용하고 "$(selector).css("속성 이름", "속성 값")" 구문을 사용합니다. 2. attr() 메서드를 사용하고 "$( selector).attr" ("스타일","속성 이름 1:속성 값 1;속성 이름 2:속성 값 3;...")".

jquery의 요소에 CSS 스타일을 설정하는 방법

이 튜토리얼의 운영 환경: windows7 시스템, jquery1.7.2 버전, Dell G3 컴퓨터.

방법 1: css() 메서드를 사용합니다.

css() 메서드는 일치하는 요소의 스타일 속성을 하나 이상 설정할 수 있습니다. 구문:

$(selector).css("属性名", "属性值")

로그인 후 복사

예:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
	</head>
	<body>
		<div id="dome">欢迎来到PHP中文网！</div>
		<script type="text/javascript">
			$("#dome").css("color", "red");
		</script>
	</body>
</html>

로그인 후 복사

Rendering:

jquery의 요소에 CSS 스타일을 설정하는 방법

방법 2: attr() 메서드

attr() 메서드를 사용하여 선택한 요소의 속성 값을 설정하거나 반환합니다. 구문:

$(selector).attr("style","属性名1:属性值1;属性名2:属性值3;...")

로그인 후 복사

예:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
	</head>
	<body>
		<div id="dome">欢迎来到PHP中文网！</div>
		<script type="text/javascript">
			$("#dome").attr("style", "color:pink;");
		</script>
	</body>
</html>

로그인 후 복사

렌더링:

jquery의 요소에 CSS 스타일을 설정하는 방법