So überprüfen Sie mit jquery, ob ein Objekt einen bestimmten Stil hat

Methode: 1. Wenn es sich bei dem Stil um einen Inline-Stil handelt, können Sie den Wert des Stilattributs zur Beurteilung verwenden. Die Syntax lautet „var a = $(this).attr("style").indexOf("attribute" );if(a ! = (-1)){...}else{...}"; 2. Wenn der Stil ein Klassenstil ist, können Sie die Klasse zur Beurteilung verwenden. Die Syntax lautet „if(element object .attr("class").indexOf(" divclass")>0){...}else".

Die Betriebsumgebung dieses Tutorials: Windows 10-System, JQuery-Version 3.6.0, Dell G3-Computer.

So überprüfen Sie mit jquery, ob ein Objekt einen bestimmten Stil hat

1 Wenn das CSS als Inline-Stil geschrieben ist, kann dies anhand des Werts des Stilattributs beurteilt werden:

<div id="divid" style="float:left; font-size:12px;"></div>

jQuery("#divid").each(function(){
  var fontSize = $(this).attr("style").indexOf("font-size");
  if(fontSize != (-1)){alert("已定义");}
  else{$(this).css({"float":"left","font-size":"12px"});}
});

2. Wenn das CSS als Klassenstil geschrieben ist, kann es anhand des Werts des Klassenattributs beurteilt werden. Das Beispiel lautet wie folgt: Beurteilen Sie, ob das div-Element mit der ID divid den Klassenstil enthält divclass:

.divclass{
background-color: #F33;
}
<div id="divid" class="divclass"></div>

Der JQuery-Code lautet wie folgt:

jQuery("#divid").click(function(){
if(jQuery(this).attr("class").indexOf("divclass")>0){
    jQuery(this).removeClass("divclass")
}else{
    jQuery(this).addClass("divclass")
}
});

Video-Tutorial-Empfehlung:

Das obige ist der detaillierte Inhalt vonSo überprüfen Sie mit jquery, ob ein Objekt einen bestimmten Stil hat. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!