Exemple d'utilisation de la méthode offset() dans jQuery_jquery

L'exemple de cet article décrit l'utilisation de la méthode offset() dans jQuery. Partagez-le avec tout le monde pour votre référence. L'analyse spécifique est la suivante :

Cette méthode renvoie ou définit le décalage de l'élément correspondant par rapport à l'objet document.

Structure grammaticale 1 :

Copier le code Le code est le suivant :

$(selector).offset()

Obtenir le décalage relatif de l'élément correspondant dans le document actuel.
L'objet renvoyé contient deux propriétés entières : top et left.
Cette méthode ne fonctionne que sur les éléments visibles.

Exemple de code :

Copier le code Le code est le suivant :

Obtenir les coordonnées de l'élément

Le code ci-dessus peut afficher le décalage du sous-div par rapport au document.

Structure grammaticale 2 :

Copier le code Le code est le suivant :

$(selector).offset(value)

Définissez les coordonnées de l'élément correspondant par rapport à l'objet document.
La méthode offset() nous permet de réinitialiser la position de l'élément. La position de cet élément est relative à l'objet document.
Si l'attribut de style de position d'origine de l'objet est statique, il sera remplacé par relatif pour implémenter la relocalisation.

Liste des paramètres :

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

实例代码 :

复制代码 代码如下 :

 

点击设置偏移量

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

语法结构三 :

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

复制代码 代码如下:

$(selector).offset(function(index,oldoffset))

参数列表 :

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

实例代码 :

复制代码 代码如下 :

 

点击设置偏移量

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

希望本文所述对大家的jQuery程序设计有所帮助。