jquery에서는 css() 메서드를 사용하여 요소 여백의 값을 변경할 수 있습니다. 이 메서드는 요소의 CSS 속성 값을 반환하거나 설정하는 데 사용됩니다. 요소의 외부 여백입니다. 구문은 "$(" 지정된 요소 ").css("margin","modified margin value");"입니다.
이 튜토리얼의 운영 환경: windows10 시스템, jquery3.4.1 버전, Dell G3 컴퓨터.
margin은 주변(외부 테두리) 요소 영역을 지웁니다. 여백에는 배경색이 없으며 완전히 투명합니다.
margin 요소의 상단, 하단, 왼쪽, 오른쪽 여백을 개별적으로 변경하거나 모든 속성을 한 번에 변경할 수 있습니다.
가능한 값
auto 브라우저 여백을 설정합니다.
length는 고정 여백을 정의합니다(픽셀, pt, em 등 사용).
%는 백분율을 사용하여 여백을 정의합니다.
css() 메서드는 선택한 요소 중 하나 이상을 설정하거나 반환합니다. 스타일 속성 .
특정 CSS 속성을 설정하려면 다음 구문을 사용하세요.
css("propertyname","value");예제는 다음과 같습니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").css("margin","0px");
});
});
</script>
<style>
p
{
background-color:yellow;
}
p.margin
{
margin:100px 50px;
}
</style>
</head>
<body>
<p>这是一个没有指定边距大小的段落。</p>
<p class="margin">这是一个指定边距大小的段落。</p>
<button>设置 p 元素的margin </button>
</body>
</html>출력 결과:
추천 동영상 튜토리얼: jQuery 동영상 튜토리얼
위 내용은 Jquery에서 여백 값을 변경하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
