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

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

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

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

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

속성은 직접 추출됩니다.

var pos = $('#wrapper').position();
console.dir(pos);
// 输出：left: 0, top: 20

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

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

var offset = $('#wrapper').offset();
console.dir(offset);
// 输出：left: 70, top: 40

<<>

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

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

var elem = $("#wrapper");
var x = elem.offset().left;
var y = elem.offset().top;
console.log('x: ' + x + ' y: ' + y);
// 输出：x: 70 y: 40

<<>

<<> 오프셋 부모 요소에 대한 요소의 좌표를 반환합니다. 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!