Quelles sont les opérations de style jquery ?

Opération de style jquery : 1. Utilisez css() pour définir ou renvoyer l'attribut de style de l'élément correspondant ; 2. Utilisez height() pour définir ou renvoyer la hauteur de l'élément correspondant ; 3. Utilisez offset() pour renvoyer le ; premier élément correspondant par rapport à la position du document ; 4. Utilisez offsetParent() pour renvoyer l'élément ancêtre positionné le plus proche, etc.

L'environnement d'exploitation de ce tutoriel : système Windows 7, jquery version 1.10.2, ordinateur Dell G3.

Opérations de style dans jquery

1. La méthode css()

css() renvoie ou définit un ou plusieurs attributs de style de l'élément correspondant.

Syntaxe :

//返回样式属性值
$(selector).css(name)

//设置样式属性
$(selector).css(name,value)
$(selector).css({property:value, property:value, ...})

2. height()

height() renvoie ou définit la hauteur de l'élément correspondant.

Syntaxe : La méthode

//返回样式高度
$(selector).height()

//设置样式高度
$(selector).height(length)

3. width()

width() renvoie ou définit la largeur de l'élément correspondant.

Syntaxe :

$(selector).width()
$(selector).width(length)

4. La méthode offset()

offset() renvoie ou définit le décalage (position) de l'élément correspondant par rapport au document.

Syntaxe :

$(selector).offset()
$(selector).offset(value)

5. offsetParent()

offsetParent() renvoie l'élément positionné par l'ancêtre le plus proche.

Un élément positionné fait référence à un élément dont la propriété CSS position est définie sur relative, absolue ou fixe.

Vous pouvez définir la position via jQuery ou via la propriété CSS position.

Syntaxe :

$(selector).offsetParent()

6, la méthode position()

position() renvoie la position (décalage) de l'élément correspondant par rapport à l'élément parent.

L'objet renvoyé par cette méthode contient deux attributs entiers : top et left, mesurés en pixels.

Cette méthode n'est valable que pour les éléments visibles.

Syntaxe :

$(selector).position()

7, la méthode scrollLeft()

scrollLeft() renvoie ou définit la position horizontale de la barre de défilement de l'élément correspondant.

La position horizontale d'une barre de défilement fait référence au nombre de pixels défilés depuis son côté gauche. Lorsque la barre de défilement est à l'extrême gauche, la position est 0.

Syntaxe :

//返回水平滚动条位置
$(selector).scrollLeft()

//设置水平滚动条位置
$(selector).scrollLeft(position)

8, la méthode scrollTop()

scrollTop() renvoie ou définit la position verticale de la barre de défilement de l'élément correspondant.

scroll top offset fait référence au décalage de la barre de défilement par rapport à son haut.

Si cette méthode ne définit pas de paramètres, renvoie le décalage en pixels à partir du haut de la barre de défilement.

Grammar :

$(selector).scrollTop(offset)

Recommandations de didacticiels associées : Tutoriel vidéo jQuery

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!