Heim > Artikel > Web-Frontend > Wie entferne ich den CSS-Stil in JQuery?
So entfernen Sie CSS-Stile mit jquery: 1. Verwenden Sie die Methode attr() oder css(), um den CSS-Attributwert auf „leer“ zu setzen, um einen einzelnen CSS-Stil zu entfernen. 2. Verwenden Sie die Methode „removeAttr()“, um Attribute aus dem zu entfernen 3. Verwenden Sie die Methode „removeClass()“, um Attribute aus dem ausgewählten Element zu entfernen.
-Reformationsempfehlungen: "JQuery Video Tutorial"
jQuery entfernen Sie CSS -Stil. attr() Die Methode kann die Attribute und Werte des ausgewählten Elements festlegen und ein oder mehrere Attribut-/Wertpaare für das übereinstimmende Element festlegen. Wenn Sie attr() zum Entfernen des CSS-Stils verwenden möchten, können Sie den Attributwert auf leer setzen.
Beispiel: Die Methode $("#show").attr("style","");
css() kann ein oder mehrere Stilattribute des ausgewählten Elements festlegen.
Wenn Sie css() zum Entfernen des CSS-Stils verwenden möchten, können Sie den Attributwert auf leer setzen.
Beispiel:
$("#show").css("style","");2. Verwenden Sie die Methode „removeAttr()“, um CSS-Stile zu entfernen. Die Methode „removeAttr()“ entfernt ein oder mehrere Attribute aus dem ausgewählten Element. Syntax
$(selector).removeAttr(attribute)Beispiel:
$("#tab1").removeAttr("style","");
3. Verwenden Sie die Methode „removeClass()“, um CSS-Stile zu entfernen. Die Methode „removeClass()“ entfernt eine oder mehrere Klassen aus dem ausgewählten Element. Hinweis: Wenn keine Parameter angegeben sind, entfernt diese Methode alle Klassen aus den ausgewählten Elementen.
Beispiel: Entfernen Sie den „Einführungskurs“ aus allen e388a4556c0f65e1904146cc1a846bee-Elementen:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(function(){ $("button").click(function(){ $("p").removeClass("intro"); }); }); </script> <style type="text/css"> .intro{ font-size:120%; color:red; } </style> </head> <body> <h1>这是一个标题</h1> <p class="intro">这是一个段落。</p> <p class="intro">这是另一个段落。</p> <button>移除所有P元素的"intro"类</button> </body> </html>
Weitere Programmierkenntnisse finden Sie unter:
Programmiervideokurs! !
Das obige ist der detaillierte Inhalt vonWie entferne ich den CSS-Stil in JQuery?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!