Was sind die Operationen im JQuery-Stil?

jquery-Stiloperation: 1. Verwenden Sie css(), um das Stilattribut des passenden Elements festzulegen oder zurückzugeben. 2. Verwenden Sie height(), um die Höhe des passenden Elements festzulegen oder zurückzugeben. 3. Verwenden Sie offset(), um das zurückzugeben erstes passendes Element relativ zur Dokumentposition; 4. Verwenden Sie offsetParent(), um das nächstgelegene positionierte Vorgängerelement usw. zurückzugeben.

Die Betriebsumgebung dieses Tutorials: Windows7-System, jquery1.10.2-Version, Dell G3-Computer.

Stiloperationen in jquery

1 Die Methode css()

css() gibt ein oder mehrere Stilattribute des übereinstimmenden Elements zurück oder legt es fest.

Syntax:

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

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

2. height()

height() Methode gibt die Höhe des passenden Elements zurück oder legt sie fest.

Syntax:

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

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

3. Die Methode width()

width() gibt die Breite des passenden Elements zurück oder legt sie fest.

Syntax:

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

4. offset()

offset()-Methode gibt den Offset (Position) des passenden Elements relativ zum Dokument zurück oder legt diesen fest.

Syntax:

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

5. Die Methode offsetParent()

offsetParent() gibt das nächstgelegene Vorfahrenelement zurück.

Ein positioniertes Element bezieht sich auf ein Element, dessen CSS-Positionseigenschaft auf relativ, absolut oder fest eingestellt ist.

Sie können die Position über jQuery oder über die CSS-Positionseigenschaft festlegen.

Syntax:

$(selector).offsetParent()

6, position()

position()-Methode gibt die Position (Offset) des passenden Elements relativ zum übergeordneten Element zurück.

Das von dieser Methode zurückgegebene Objekt enthält zwei ganzzahlige Attribute: oben und links, gemessen in Pixel.

Diese Methode gilt nur für sichtbare Elemente.

Syntax:

$(selector).position()

7, scrollLeft()

scrollLeft()-Methode gibt die horizontale Position der Bildlaufleiste des übereinstimmenden Elements zurück oder legt sie fest.

Die horizontale Position einer Bildlaufleiste bezieht sich auf die Anzahl der Pixel, die von ihrer linken Seite aus gescrollt werden. Wenn sich die Bildlaufleiste ganz links befindet, ist die Position 0.

Syntax:

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

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

8, scrollTop()

scrollTop()-Methode gibt die vertikale Position der Bildlaufleiste des passenden Elements zurück oder legt sie fest.

Scroll Top Offset bezieht sich auf den Versatz der Bildlaufleiste relativ zu ihrer Oberseite.

Wenn diese Methode keine Parameter festlegt, wird der Versatz in Pixel vom oberen Rand der Bildlaufleiste zurückgegeben.

Grammatik:

$(selector).scrollTop(offset)

Verwandte Tutorial-Empfehlungen: jQuery-Video-Tutorial

Das obige ist der detaillierte Inhalt vonWas sind die Operationen im JQuery-Stil?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!