jQuery는 요소의 좌표를 얻습니다

jQuery를 사용하여 요소 좌표를 얻는 방법

jQuery는 요소의 좌표 정보를 얻는 다양한 방법을 제공합니다.

1 를 상쇄하는 요소의 좌표를 가져옵니다. 오프셋 상위 요소는 비

포지셔닝 방법을 갖는 가장 가까운 조상 요소를 나타냅니다. .position() 2. 3. 메소드와 결합 된 static 및

속성은 직접 추출됩니다.

<code class="language-javascript">var pos = $('#wrapper').position();
console.dir(pos);
// 输出：left: 0, top: 20</code>

4. .offset() 기능 : 코드를보다 간결하고 읽기 쉬운 사용자 정의 함수를 캡슐화합니다. 참고 : jQuery 체인 작업을 방해하기 때문에 함수가 효율적이지 않습니다.

jQuery 좌표 및 요소 (FAQ) 에 대한 질문이 자주 묻습니다 Q1 : jQuery를 사용하여 문서와 관련하여 요소의 좌표를 얻는 방법은 무엇입니까?

<code class="language-javascript">var offset = $('#wrapper').offset();
console.dir(offset);
// 输出：left: 70, top: 40</code>

방법을 사용하십시오. 이 메소드는 및 특성을 포함하는 객체를 각각 문서에 대한 요소의 수직 및 수평 위치를 나타냅니다. .offset() left Q2 : jQuery에서 top와

방법의 차이점은 무엇입니까?

<code class="language-javascript">var elem = $("#wrapper");
var x = elem.offset().left;
var y = elem.offset().top;
console.log('x: ' + x + ' y: ' + y);
// 输出：x: 70 y: 40</code>

오프셋 부모 요소에 대한 요소의 좌표를 반환합니다. getCoord() Q3 : jQuery를 사용하여 요소의 좌표를 설정하는 방법은 무엇입니까?

방법을 사용하여 jQuery.fn.getCoord = function() { var elem = $(this); var x = elem.offset().left; var y = elem.offset().top; console.log('x: ' + x + ' y: ' + y); // 输出：x: 70 y: 40 return { "x": x, "y": y }; }; $('#wrapper').getCoord(); // 输出：Object { x: 70, y: 40 } 및

속성을 ​​포함하는 객체를 결합하십시오. Q4 : 요소의 절대 좌표를 얻기 위해 jQuery를 사용하는 방법은 무엇입니까? getCoord()

메소드를 사용하여 요소의 절대 좌표를 얻습니다 (문서와 관련하여).

Q5 : jQuery를 사용하여 부모 요소와 관련하여 요소의 좌표를 얻는 방법은 무엇입니까?

방법을 사용하십시오.

위 내용은 jQuery는 요소의 좌표를 얻습니다의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!