jquery legt den Klassenstil des Elements fest

jquery legt den Klassenstil eines Elements fest

Methoden zum Festlegen von Elementstilen

1 Geben Sie die anzuwendenden Klassenstilregeln an, indem Sie das Klassenattribut des Tags festlegen

2 . Setzen Sie das Stilattribut des Tags direkt, um den Stil des aktuellen Elements zurückzusetzen

1. Klassenstil anwenden: addClass()

$('#pic').addClass('circle')
$('#pic').addClass('circle shadow')

2. )

$('#pic').removeClass('circle')
$('#pic').removeClass('shadow')
$('#pic').removeClass('circle shadow')

3. Automatischer Stilwechsel: toogleClass()

Wenn dem aktuellen Element kein Klassenstil hinzugefügt wurde, dann wird automatisch der von ihm angegebene Klassenstil hinzugefügt

$('#pic').toggleClass('circle shadow')

Wenn Das aktuelle Element wurde hinzugefügt Der Oberklassenstil, dann wird dieser Klassenstil entfernt

Fügen Sie zuerst den Oberklassenstil zum Element hinzu

$('#pic').addClass('circle')
$('#pic').addClass('circle shadow')

Jetzt wird der Entfernungsvorgang durchgeführt

$('#pic').toggleClass('circle shadow')

4. Abfrageklassenstil: hasClass()

var res = $('#pic').hasClass('circle shadow') //false
$('#pic').addClass('circle shadow') 
var res = $('#pic').hasClass('circle shadow') //true
if ($('#pic').hasClass('circle shadow')) {
$('#pic').removeClass('circle shadow')
} else {
$('#pic').addClass('circle shadow') 
}

//Ergebnisse der Konsolenansicht

console.log(res)

Das obige ist der detaillierte Inhalt vonjquery legt den Klassenstil des Elements fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!