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:

Beurteilen Sie, ob das div-Element mit der ID divid den Schriftgrößenstil hat:

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

Der JQuery-Code lautet wie folgt:

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

Hinweis: Wenn es nur ein div-Element mit der ID divid gibt, werden die einzelnen JQuerys nur ausgeführt einmal.

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:

jQuery-Video-Tutorial

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!