jquery 너비() 메서드 통사론
함수: width() 메서드는 일치하는 요소의 너비를 반환하거나 설정합니다.
너비 반환: 첫 번째로 일치하는 요소의 너비를 반환합니다. 이 메서드에 설정된 인수가 없으면 일치하는 요소의 너비(픽셀 단위)가 반환됩니다.
구문: $(selector).width()
너비 설정: 일치하는 모든 요소의 너비를 설정합니다.
구문: $(selector).width(length)
매개변수:
매개변수 | Description |
length | 선택 사항입니다. 요소의 너비를 지정합니다. 길이 단위가 지정되지 않으면 기본 px 단위가 사용됩니다. |
함수를 사용하여 너비를 설정하세요. 함수를 사용하여 일치하는 모든 요소의 너비를 설정하세요.
구문: $(selector).width(function(index,oldwidth))
매개변수:
Parameters | Description |
function(index,oldwidth) | 다음을 위한 조항 return 선택한 요소의 새 너비에 대한 함수입니다. |
index | 선택사항. 선택기 |
oldvalue | 의 인덱스 위치를 허용합니다. 선택기의 현재 값을 승인합니다. |
jquery 너비() 메서드 예
<html> <head> <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(".btn1").click(function(){ $("p").width(200); }); }); </script> </head> <body> <p style="background-color:yellow">This is a paragraph.</p> <button class="btn1">改变宽度</button> </body> </html>
온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요