Heim  >  Artikel  >  Web-Frontend  >  Beispiel für die Verwendung der offset()-Methode in jQuery_jquery

Beispiel für die Verwendung der offset()-Methode in jQuery_jquery

WBOY
WBOYOriginal
2016-05-16 16:20:001146Durchsuche

Das Beispiel in diesem Artikel beschreibt die Verwendung der offset()-Methode in jQuery. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:

Diese Methode gibt den Offset des übereinstimmenden Elements relativ zum Dokumentobjekt zurück oder legt ihn fest.

Grammatikstruktur 1:

Code kopieren Der Code lautet wie folgt:
$(selector).offset()

Ermitteln Sie den relativen Offset des übereinstimmenden Elements im aktuellen Dokument.
Das zurückgegebene Objekt enthält zwei ganzzahlige Eigenschaften: top und left.
Diese Methode funktioniert nur bei sichtbaren Elementen.

Beispielcode:

Code kopieren Der Code lautet wie folgt:






offset() Funktionsskript-Startseite











Der obige Code kann den Offset des Sub-Div relativ zum Dokument anzeigen.

Grammatikstruktur 2:

Code kopieren Der Code lautet wie folgt:
$(selector).offset(value)

Legen Sie die Koordinaten des passenden Elements relativ zum Dokumentobjekt fest.
Mit der Methode offset() können wir die Position des Elements zurücksetzen. Die Position dieses Elements ist relativ zum Dokumentobjekt.
Wenn das ursprüngliche Positionsstilattribut des Objekts statisch ist, wird es in „relativ“ geändert, um eine Neupositionierung zu implementieren.

Parameterliste:

参数 描述
value 规定以像素计的 top 和 left 坐标。
可能的值:
1.值对,比如 {top:200,left:10}。
2.带有top和left 属性的对象。

实例代码:

复制代码 代码如下:






offset()函数-脚本之家






 





以上代码可以设置div相对于document的偏移量.

语法结构三:

使用函数的返回值来设置偏移坐标:

复制代码 代码如下:
$(selector).offset(function(index,oldoffset))

参数列表:

参数 描述
function(index,oldvalue) 规定返回被选元素新偏移坐标的函数:
index - 可选。元素的索引。
oldvalue - 可选。当前坐标。

实例代码:

复制代码 代码如下:






offset()函数-脚本之家






 





以上代码同样可以设置元素的偏移,不过值是通过函数返回.

Sie haben die jQuery-Version mit jQuery erstellt.

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn