>  기사  >  웹 프론트엔드  >  jquery는 페이지 요소 구현 아이디어와 code_jquery의 좌표 값을 가져옵니다.

jquery는 페이지 요소 구현 아이디어와 code_jquery의 좌표 값을 가져옵니다.

WBOY
WBOY원래의
2016-05-16 17:37:01861검색

jquery는 페이지 요소의 좌표 값을 어떻게 얻나요? yulutxt는 고전 인용문을 입력하기 위한 입력 상자입니다. >

var p = $("#yulutxt")
var yuluoffset = p.offset();
feedBackMessage(msg,yuluoffset.left p.width() 10,yuluoffset.top,5000)


------- ----------
1. 객체 획득(새 창 참조 요소를 열도록 사용자 정의 조정)
var obj = $("#oButton")
예제에서는 내가 얻은 객체는 팝업 창 버튼이고, 이런 식으로 생성된 새 창은 버튼의 위치에 따라 조정되며, 예제에서는 버튼의 오른쪽 하단 모서리를 표시하는 새 창이 생성됩니다.

2, 객체 요소의 위치를 ​​가져옵니다(offset() 메소드)
var offset = obj.offset()
상단과 왼쪽인 객체 요소의 위치를 ​​가져옵니다. 요소의 Yes: offset.left 및 offset.top 메소드를 호출하면 현재 객체의 왼쪽 및 위쪽 위치를 알 수 있습니다.

3, 객체 요소의 너비를 가져옵니다(width() 메서드)
var right = offset.left obj.width()
예에서는 객체의 오른쪽 하단 위치를 가져옵니다. 개체를 선택하고 왼쪽 위치에 새 창을 만듭니다.

4, 객체 요소의 높이를 가져옵니다(height() 메서드)
var down = offset.top obj.height()
예에서는 의 오른쪽 하단 위치를 가져옵니다. 개체를 선택하고 새 창 상단 위치를 만듭니다.
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.