최신 웹 개발 튜토리얼
 

jQuery width() Method

<jQuery를 HTML / CSS 방법

a의 폭을 돌려줍니다 <div> 요소를 :

$("button").click(function(){
    alert($("div").width());
}); 
»그것을 자신을 시도

정의 및 사용

width() 메소드 세트 또는 선택된 요소의 폭을 돌려줍니다.

이 방법 폭을 리턴하기 위해 사용될 때, 제 유사한 요소의 폭을 반환한다.

이 방법의 폭을 설정하는 데 사용되면, 모든 유사한 요소의 폭을 설정한다.

이미지가 아래에 설명 된 바와 같이,이 방법은 패딩, 테두리, 또는 마진을 포함하지 않습니다.

jQuery를 치수


관련 방법 :

  • height() - 세트 또는 요소의 높이를 반환
  • innerWidth() - 요소의 폭을 돌려줍니다 (패딩 포함)
  • innerHeight() - 요소의 높이를 돌려줍니다 (패딩 포함)
  • outerWidth() - 요소의 폭을 돌려줍니다 (패딩 및 테두리 포함).
  • outerHeight() - 요소의 높이를 돌려줍니다 (패딩 및 테두리 포함).

통사론

폭을 돌려줍니다 :

$(selector).width()

폭을 설정합니다 :

$(selector).width(value)

함수를 사용하여 폭을 설정

$(selector).width(function(index,currentwidth))

매개 변수 기술
value 폭 설정에 필요합니다. 픽셀의 폭을 지정, 그들은, PT 등의 기본 단위는 픽셀입니다
function(index,currentwidth) 선택 과목. 선택한 요소의 새로운 폭을 반환하는 함수를 지정합니다
  • index - 세트의 요소의 인덱스 위치를 반환
  • currentwidth - 선택한 요소의 현재 폭을 돌려줍니다

그것을 자신을 시도 - 예를

요소의 폭을 설정
어떻게 다른 장치를 이용하여 요소의 폭을 설정한다.

함수를 사용하여 폭 감소
방법 요소의 폭을 감소시키는 기능을 사용한다.

문서 창 요소의 폭을 돌려줍니다
문서 창 요소의 현재 폭을 반환하는 방법.

관련 방법과 디스플레이 크기
사용 방법 width(), height(), innerHeight(), innerWidth(), outerWidth()outerHeight() .

와 응답 디자인 width()
어떻게 작은 화면에 해당 페이지의 배경색을 변경합니다.


<jQuery를 HTML / CSS 방법