jquery offset()-Methode
Übersetzungsergebnisse：
Offset
Englisch [ˈɒfset] US [ˈɔ:fset]
vt. Versatz; (zu Vergleichszwecken) zum Installieren von Abzweigrohren für (Rohre usw.)
vi .eine Verzweigung anbauen; Abgang; Versatz (Off-Center);
jquery offset()-MethodeSyntax
Funktion: Die Methode offset() gibt den Offset (Position) des passenden Elements relativ zum Dokument zurück oder legt ihn fest.
Offset-Koordinaten zurückgeben: Gibt die Offset-Koordinaten des ersten passenden Elements zurück. Das von dieser Methode zurückgegebene Objekt enthält zwei ganzzahlige Eigenschaften: oben und links, gemessen in Pixel. Diese Methode funktioniert nur bei sichtbaren Elementen.
Syntax: $(selector).offset()
Offset-Koordinaten festlegen: Offset-Koordinaten aller übereinstimmenden Elemente festlegen.
Syntax: $(selector).offset(value)
Parameter:
| Parameter | Beschreibung |
| Wert | Erforderlich. Gibt die oberen und linken Koordinaten in Pixel an. Mögliche Wert:Wert-Paare, z. B. {top:100,left:0} Ein Objekt mit den Eigenschaften „oben“ und „links“. |
Verwenden Sie eine Funktion, um die Versatzkoordinaten festzulegen: Verwenden Sie eine Funktion, um die Versatzkoordinaten aller festzulegen passende Elemente.
Syntax: $(selector).offset(function(index,oldoffset))
Parameter:
| Parameter | Beschreibung |
| function(index,oldoffset) | Rückgabe angeben Funktion der neuen Offsetkoordinaten des ausgewählten Elements. |
| Index | Optional. Akzeptiert die Indexposition des Selektors |
| oldvalue | Optional. Akzeptiert die aktuellen Koordinaten des Selektors. |
jquery offset()-MethodeBeispiel
<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
x=$("p").offset();
$("#span1").text(x.left);
$("#span2").text(x.top);
});
});
</script>
</head>
<body>
<p>本段落的偏移是 <span id="span1">unknown</span> left 和 <span id="span2">unknown</span> top。</p>
<button>获得 offset</button>
</body>
</html>Klicken Sie auf die Schaltfläche „Instanz ausführen“, um die Online-Instanz anzuzeigen