>  기사  >  웹 프론트엔드  >  jQuery 크기 알고리즘

jQuery 크기 알고리즘

零下一度
零下一度원래의
2017-06-17 17:36:281123검색

우리는 모두 기본적으로 offsetWidth 또는 offsetHeight를 사용하지만 이 두 가지 크기에 대한 알고리즘은 다음과 같습니다.

offsetWidth =  border-left-width + padding-left + width + padding-right + border-right-width;  offsetHeight =  border-top-width + padding-top + height + padding-bottom + border-bottom-width;

box-sizing:padding-box를 고려하지 않으면 거의 동일합니다. 하지만 크기 인터페이스에도

innerWidth, innerHeight, externalWidth, externalHeight와 같은 비슷한 처리가 있지 않나요? 물론, 모두 크기를 얻고 있지만 여전히 차이가 있습니다.

innerWidth, innerHeight

는 일치하는 집합의 첫 번째 요소의 현재 계산된 내부 너비 및 높이(패딩 포함, 테두리 제외)를 가져오거나 일치하는 각 요소의 내부 너비 및 높이를 설정하는 데 사용됩니다.

outerWidth, externalHeight

패딩, 테두리 및 선택적 여백을 포함하여 요소 컬렉션에 있는 첫 번째 요소의 현재 계산된 너비 및 높이 값을 가져옵니다.

이러한 상황을 고려하여 jquery는 해당 값을 제거하는 메서드를 제공해야 합니다. , 이것이 해당 AugmentWidthOrHeight 메소드입니다

계산 방법을 살펴보겠습니다

innerWidth = ele.offsetWidth –ele.borderRightWidth –ele.borderLeftWidth innerHeight = ele.offseHeight –ele.borderTopHeight –ele.borderBottomHeight

outerWidth 매개 변수가 전달되지 않으면 알고리즘은 innerWidth와 동일합니다

outerWidth(true)가 전달되면 마진을 추가해야 합니다.

outerWidth(true) = ele.offsetWidth + ele.marginLeft + ele.marginRight outerHeigth(true) = ele.offsetHeigth + ele.marginTop + ele.marginBottom

jQuery6에 대하여 size 방식의 인터페이스 알고리즘은 다음과 같습니다

  • PHP 소수 반올림 방식(예제 포함)

  • php-fpm 구성 소개

  • 중복 데이터를 제거하는 PHP의 두 가지 예시 배열에서

  • PHP 2차원 배열중복 제거 분석 예

  • PHP 배열 중복 제거 기능 코드 예

  • 값을 기반으로 키를 가져오는 PHP 배열의 간단한 예

  • asp 등록 코드

  • asp 페이징 프로그램

  • 인문학적 ASP 개발의 기초 소개

  • 획기적인 ASP 기술

  • php 소수점 반올림 방법(예제 포함)

  • php- fpm

  • 배열에서 중복 데이터를 제거하는 PHP의 두 가지 예

  • PHP 2차원 배열 중복 제거 분석 예

  • PHP 배열 중복 제거 함수 코드 예

  • PHP 배열이 다음을 기반으로 키를 얻는 간단한 예 value

  • asp 등록 코드

  • asp 페이징 프로그램

  • 인본주의적인 ASP 개발의 기본 소개

  • Breakthrough ASP technology

위 내용은 jQuery 크기 알고리즘의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.