Heim >Web-Frontend >Front-End-Fragen und Antworten >Welche Methoden gibt es zum Bearbeiten von Elementstilen in JQuery?
Methoden zum Betreiben von Stilen: 1. css(), legt das Stilattribut des Elements fest; 2. height(), legt die Höhe des Elements fest; 4. scrollLeft (), legt die relative Position des Elements fest. Der Versatz zur linken Seite der Bildlaufleiste. 5. scrollTop(), legt den Versatz des Elements relativ zum oberen Rand der Bildlaufleiste fest Stil durch Steuern der ID-, Klassen- und Stilattribute des Elements; 7. prop(), Manipulieren von Stilen durch Steuern des Stils und anderer Attribute von Elementen.
Die Betriebsumgebung dieses Tutorials: Windows7-System, jquery1.10.2-Version, Dell G3-Computer.
jquery-Methode zum direkten Bedienen von Elementstilen
CSS-Eigenschaften | Beschreibung |
---|---|
css() | Legt die Stileigenschaften übereinstimmender Elemente fest oder gibt sie zurück. |
height() | Setzt die Höhe des passenden Elements oder gibt sie zurück. |
offset() | Gibt die Position des ersten übereinstimmenden Elements relativ zum Dokument zurück. |
position() | Gibt die Position des ersten passenden Elements relativ zum übergeordneten Element zurück. |
scrollLeft() | Legt den Versatz des passenden Elements relativ zur linken Seite der Bildlaufleiste fest oder gibt ihn zurück. |
scrollTop() | Legen Sie den Versatz des passenden Elements relativ zum oberen Rand der Bildlaufleiste fest oder geben Sie ihn zurück. |
width() | Legt die Breite des passenden Elements fest oder gibt sie zurück. |
1. Syntax für CSS-Eigenschaftswerte:
$(selector).css(name)Höhensyntax festlegen :
$(selector).css(name,value)
3. Width()
Syntax zum Zurückgeben der Breite:
$(selector).height()Syntax zum Festlegen der Breite:
$(selector).height(length)
Beispiel: Elementstil manipulieren – Elementbreite ändern
1. Verwenden Sie die width()-Methode
$(selector).width()
2. Verwenden Sie die CSS()-Methode
$(selector).width(length)
jquery-Methode, um Elementstile indirekt zu bedienen.
In jquery können Sie indirekt durch die Bedienung von Elementattributen Elementstile bedienen.
Methode Beschreibung
addClass()
attr() | Legen Sie die Attribute und Werte des passenden Elements fest oder geben Sie sie zurück. |
---|---|
prop() | Setzen Sie das Attribut/den Wert des ausgewählten Elements ein oder geben Sie es zurück. |
removeAttr() | Entfernen Sie das angegebene Attribut aus allen übereinstimmenden Elementen. |
removeClass() | Entferne alle oder angegebene Klassen aus allen übereinstimmenden Elementen. |
toggleClass() | Eine Klasse zum übereinstimmenden Element hinzufügen oder daraus entfernen. |
Beispiel: Verwenden Sie attr(), um einen Stil hinzuzufügen. | |
【Empfohlenes Lernen: |
】
Das obige ist der detaillierte Inhalt vonWelche Methoden gibt es zum Bearbeiten von Elementstilen in JQuery?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!