suchen

Heim >tägliche Programmierung >HTML-Kenntnisse >So löschen Sie Stilattribute in JQuery

So löschen Sie Stilattribute in JQuery

藏色散人
藏色散人Original
2018-12-20 15:21:386447Durchsuche


jquery löscht Stilattribute, wie z. B. das Löschen des href-Attributs im angegebenen Tag. Wir können die Methode „removeAttr()“ verwenden, um dies zu erreichen. Die Methode „removeAttr()“ entfernt Attribute von ausgewählten Elementen.

So löschen Sie Stilattribute in JQuery

Im Folgenden stellen wir Ihnen die jquery-Methode zum Löschen von Stilattributen anhand eines einfachen Codebeispiels vor.

Der HTML-Code lautet wie folgt:

Zuerst definieren wir vier a-Tags und fügen dem vierten Tag das Klassenattribut „disabled“ hinzu. 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>jquery删除样式属性示例</title>

</head>
<body>
<div class="menu">
    <a href="http://www.php.cn/course/1007.html">HTML</a>
    <a href="http://www.php.cn/course/1009.html">Git</a>
    <a href="http://www.php.cn/course/1012.html">PHP</a>
    <a href="http://www.php.cn/course/967.html" class="disabled">PHP第一季</a>

</div>
</body>
</html>

Das Front-End-Prüfelement, das Ergebnis ist wie folgt:

So löschen Sie Stilattribute in JQuery

Fügen Sie dann den JQuery-Code wie folgt hinzu: 

<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script type="text/javascript">
       $(function () {
     $(".menu a").each(function () {
         if ($(this).hasClass("disabled")){
             $(this).removeAttr("href");
         }

       });
       });
</script>

Hier sind wir. Zuerst erhält das Menü ein Tag im obigen Code, dann durchlaufen wir alle a-Tags each und beurteilen jedes a-Tag, wenn es ein class="disabled" gibt. Attribut, verwenden Sie removeAttr Die Methode () löscht das entsprechende href-Attribut.

Hinweis: hasClass()-Methode prüft, ob das ausgewählte Element die angegebene Klasse enthält.

Die Ergebnisse sind wie folgt:

So löschen Sie Stilattribute in JQuery

Wie in der Abbildung gezeigt, wurde das href-Attribut im vierten a-Tag erfolgreich gelöscht.

In diesem Artikel geht es um die Methode zum Löschen von Stilattributen in jquery. Er ist sehr einfach und leicht zu verstehen. Ich hoffe, dass er für Freunde in Not hilfreich ist.


Das obige ist der detaillierte Inhalt vonSo löschen Sie Stilattribute in JQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：So erzielen Sie einen Click-to-Hide-Anzeigeeffekt in JQueryNächster Artikel：So erzielen Sie einen Click-to-Hide-Anzeigeeffekt in JQuery

In Verbindung stehende Artikel

Mehr sehen