jQuery 크기 알고리즘
1595 단어 jquery
offsetWidth = border-left-width + padding-left + width + padding-right + border-right-width;
offsetHeight = border-top-width + padding-top + height + padding-bottom + border-bottom-width;
박스-sizing:padding-box를 고려하지 않는 한 차이가 많지 않다.근데 사이즈에 대한 인터페이스가 또 있잖아요.
innerWidth, innerHeight, outerWidth, outerHeight 이런 유사한 처리요?물론 다 사이즈를 얻는 건 다르지만
innerWidth、 innerHeight
일치하는 집합의 첫 번째 원소를 얻는 데 사용되는 현재 계산의 내부 너비 (padding을 포함하지만 border는 포함하지 않음) 를 설정하거나 일치하는 원소의 내부 너비를 설정합니다.
outerWidth、outerHeight
원소 집합에서 첫 번째 원소의 현재 계산 너비 값을 가져옵니다.padding,border, 선택적인margin을 포함합니다.
이러한 상황에 대해 jQuery는 대응하는 값을 제거하는 방법을 제시해야 한다. 이것은 대응하는augment Width OrHeight 방법이다
어떻게 계산하는지 구체적으로 봅시다.
innerWidth = ele.offsetWidth –ele.borderRightWidth –ele.borderLeftWidth
innerHeight = ele.offseHeight –ele.borderTopHeight –ele.borderBottomHeight
4outerWidth 매개 변수를 전달하지 않으면 알고리즘은 innerWidth와 같다
outerWidth(true)를 전달하려면 margin을 추가해야 합니다.
outerWidth(true) = ele.offsetWidth + ele.marginLeft + ele.marginRight
outerHeigth(true) = ele.offsetHeigth + ele.marginTop + ele.marginBottom
jQuery 6 사이즈 방법에 대한 인터페이스 알고리즘이 이렇습니다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
jQuery 전후 예이 기사에서는 jquery after() 및 before() 메소드의 예를 볼 것입니다. before() 메서드는 선택한 요소 앞에 지정된 콘텐츠를 삽입합니다. after() 메서드는 선택한 요소 뒤에 지정된 콘텐츠...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.