728x90 300x250 SMALL javaScript/jQuery148 크기 변경하기 width/height || innerWidth/innerHeight jQuery에서 대상 크기를 변경하는 방법은 2 가지가 있다. 1. 기본 크기 변경 $대상.width(value) $대상.height(value) 2. 기본크기+padding 크기 변경하기 $대상.innerWidth(value) $대상.innerHeight(value) 2023. 4. 5. [jQuery]margin 영역 제외 오른쪽으로 붙이기 이동 버튼을 클릭하면 대상을 테두리 영역으로 붙일 경우 테두리 영역 $("#parent1")의 끝지점은 border와 margin 값을 제외한 기본영역 + padding 이다, 따라서 innerWidth()로 테두리 영역의 끝 지점을 알 수 있다. 하지만 이 지점으로 가게 되면 대상 영역이 밖으로 나가기 때문에 대상영역의 width 값만큼 빼줘야 한다. 현재 대상영역은 border 영역까지 안으로 들어와야 하기때문에 $one.outerWidth() 값만큼 빼준다. 그러나 이렇게만 했을 경우에는 이렇게 의도와 다른 결과가 나오는데 이유는 지역좌표를 사용할 경우 margin값 까지 포함된 위치를 기준으로 이동하기 때문이다. 따라서 안에 보더 영역까지 빼줄 생각이였지만 margin영역을 기준으로 이동하기 때문.. 2023. 4. 4. 기본크기, padding, border, margin 구해서 표출하기 - 비공개 보호되어 있는 글 입니다. 2023. 4. 3. [jQuery] widht, height 구하기 대상이 되는 엘리먼트의 크기를 구할때는 여러가지 경우의 수가 있는데 1. 요소의 기본크기 $대상.widht() $대상.height() 2. 기본크기 + padding 영역 $대상.innerWidht() $대상.innerHeight() 3. 기본크기 + padding + border $대상.outerWidht() $대상.outerHeight() 4. 기본크기 + padding + border + margin $대상.outerWidht(true) $대상.outerHeight(true) https://moo-you.tistory.com/433 jQuery height / width 구하기 제이쿼리로 height 또는 width를 구할때는 margin, border, padding을 높이 값에 포함하는가에 따라.. 2023. 4. 2. 이전 1 ··· 12 13 14 15 16 17 18 ··· 37 다음 728x90 반응형 LIST
