집 >웹 프론트엔드 >프런트엔드 Q&A >요소를 숨기기 위해 jquery에서 스타일 속성을 수정하는 방법

요소를 숨기기 위해 jquery에서 스타일 속성을 수정하는 방법

青灯夜游원래의: 2022-05-17 19:44:413268검색

두 가지 숨기기 방법: 1. css()를 사용하여 표시 스타일을 제어합니다. 구문은 "element object.css('display','none')"입니다. 2. attr()을 사용하여 표시 스타일을 제어합니다. 구문은 "요소 object.attr ('style','display:none')"입니다.

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

jquery에서 스타일 속성을 수정하여 요소를 숨기는 두 가지 방법

css() method
attr() method

1 css() method를 사용하세요. ss( ) 표시 또는 가시성 스타일을 제어하려면 구문:

元素对象.css(&#39;display&#39;,&#39;none&#39;);//隐藏
元素对象.css(&#39;visibility&#39;,&#39;hidden&#39;);//元素隐藏

예:

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-3.2.1.min.js"></script>
		<style>
			.siblings * {
				display: block;
				border: 2px solid lightgrey;
				color: lightgrey;
				padding: 5px;
				margin: 15px;
			}
			.start{
				color: peru;
			}
		</style>
		<script>
			$(document).ready(function() {

				$("button").click(function() {
					$("p").css(&#39;display&#39;,&#39;none&#39;);//隐藏
					$("div").css(&#39;visibility&#39;,&#39;hidden&#39;);//元素隐藏
				});
			});
		</script>
	</head>
	<body>

		<p>一个p元素</p>
		<div>一个div元素</div>
		<p>一个p元素</p>
		<button>隐藏元素</button>
	</body>
</html>

요소를 숨기기 위해 jquery에서 스타일 속성을 수정하는 방법 2. attr() 메서드를 사용하세요.

attr()을 사용하여 표시 또는 가시성 스타일을 제어하세요. 구문:

元素对象.attr(&#39;style&#39;,&#39;display:none&#39;);//隐藏
元素对象.attr(&#39;style&#39;,&#39;visibility:hidden&#39;);//元素隐藏

예제 :

$(document).ready(function() {
	$("button").click(function() {
		$("p").attr(&#39;style&#39;,&#39;display:none&#39;);//隐藏
		$("div").attr(&#39;style&#39;,&#39;visibility:hidden&#39;);//元素隐藏
	});
});

【추천 학습: 요소를 숨기기 위해 jquery에서 스타일 속성을 수정하는 방법 jQuery 동영상 튜토리얼

웹 프론트엔드 동영상】

위 내용은 요소를 숨기기 위해 jquery에서 스타일 속성을 수정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

jquery css 对象 display

성명：

이전 기사：Jquery에서 이전 요소를 제거하는 방법다음 기사：Jquery에서 이전 요소를 제거하는 방법