jquery에서 가시성 속성을 수정하는 방법-프런트엔드 Q&A-php.cn

jquery에서 가시성 속성을 수정하는 방법

青灯夜游

풀어 주다： 2022-03-01 16:31:40

원래의

3741명이 탐색했습니다.

수정 방법: 1. css() 메서드를 사용하고 "$(selector).css("visibility","new value")" 구문을 사용합니다. 2. attr() 메서드를 사용하고 "$(selector) 구문을 사용합니다. ).attr("스타일","가시성:새 값;")".

jquery에서 가시성 속성을 수정하는 방법

이 튜토리얼의 운영 환경: Windows 7 시스템, jquery 버전 1.10.2, Dell G3 컴퓨터.

visibility 속성은 요소가 표시되는지 여부를 지정합니다. 설정할 수 있는 속성 값:

값	설명
visible	기본값. 요소가 표시됩니다.
hidden	요소는 보이지 않습니다.
collapse	테이블 요소에 사용되는 경우 이 값은 행이나 열을 삭제하지만 테이블의 레이아웃에는 영향을 주지 않습니다. 행이나 열이 차지하는 공간은 다른 내용을 위해 비워집니다. 이 값이 다른 요소에 사용되면 "숨김"으로 렌더링됩니다.

jquery는 가시성 속성을 수정합니다

1. css() 메소드를 사용하세요

$(selector).css("visibility","新值");

로그인 후 복사

예:

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function(){
			  $("button").click(function(){
			    $("#box").css("visibility","hidden");
			  });
			});
		</script>
<style></style>
	</head>

	<body>
		<p>可见的段落</p>
		<p id="box" style="visibility: visible;">可见的段落</p>
		<p>可见的段落</p>
		<button>修改visibility属性</button>
	</body>

</html>

로그인 후 복사

jquery에서 가시성 속성을 수정하는 방법

2. ) 방법

$(selector).attr("style","visibility:新值;")

로그인 후 복사

예:

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function(){
			  $("button").click(function(){
			    $("#box").attr("style","visibility:visible;");
			  });
			});
		</script>
<style></style>
	</head>

	<body>
		<p>可见的段落</p>
		<p id="box" style="visibility: hidden;">隐藏的段落</p>
		<p>可见的段落</p>
		<button>修改visibility属性</button>
	</body>

</html>

로그인 후 복사

jquery에서 가시성 속성을 수정하는 방법