jQuery CSS 작업 - width() 메서드

jQuery CSS 작업 참조 가이드

예제

<p> 요소의 너비를 설정합니다:

$(".btn1").click(function(){
  $("p").width(200);
});

직접 시도해 보세요

정의 및 사용법

width() 메서드는 일치하는 요소의 너비를 반환하거나 설정합니다.

너비를 반환합니다

첫 번째 일치 요소의 너비를 반환합니다.

이 메서드에 매개변수를 설정하지 않으면像素 단위로 일치하는 요소의 너비를 반환합니다.

문법

$(selector).width()

직접 시도해 보세요

너비를 설정합니다

모든 일치 요소의 너비를 설정합니다.

문법

$(selector).width(length)
파라미터 설명
length

선택적. 요소의 너비를 지정합니다.

길이 단위가 지정되지 않으면 기본적으로 px 단위를 사용합니다.

직접 시도해 보세요

너비를 설정하는 함수를 사용합니다

모든 일치 요소의 너비를 설정하는 함수를 사용합니다.

문법

$(selector).width(function(index,oldwidth))
파라미터 설명
function(index,oldwidth)

선택된 요소의 새 너비를 반환하는 함수를 정의합니다.

  • index - 선택적. 선택자의 index 위치를 받아들입니다
  • oldvalue - 선택적. 선택자의 현재 값을 받아들입니다.

직접 시도해 보세요

더 많은 예제

문서 및 창 요소의 너비를 얻습니다
document 및 window 요소의 현재 너비를 얻기 위해 width() 메서드를 사용합니다.
em 및 % 값으로 너비를 설정합니다
지정된 길이 단위를 사용하여 요소의 너비를 설정합니다.

jQuery CSS 작업 참조 가이드