HTML 로드시에 Form 안에 있는 input box 들의 width 를 조정하고 싶다면 아래 코드를 활용하면 된다.

<script type="text/javascript">
$(function(){
    $("form select").css("width","100px");
    $("form input").css("width","100px");
});
</script>

전부 크기를 100px 로 바꿔 주는 코드이다.

form 내부에 select, input 요소들만 쏙 골라서, 결과는 다음과 같다.

요소들 접근 하는 방법은 다음 링크를 참고하세요.

https://back-end-developer.tistory.com/entry/jQuery-%EC%A0%9C%EC%9D%B4%EC%BF%BC%EB%A6%AC%EB%A5%BC-%EC%9D%B4%EC%9A%A9%ED%95%98%EC%97%AC-css-%EC%A0%91%EA%B7%BC%ED%95%98%EA%B8%B0

순수하게 jquery 로 너비 조절을 한다면, 아래 글 참고

jQuery 입문 | 요소의 영역 | 요소의 크기 .width() .height()