Der besondere Effekt eines passenden JQuery-Adressleisten-Links und eines Label-Links

Dieser Artikel stellt hauptsächlich die Spezialeffekte von passenden JQuery-Adressleisten-Links und einem Tag-Link vor. Jetzt kann ich ihn mit Ihnen teilen.

So erhalten Sie ihn Geben Sie die Adresse in der JQuery-Spalte ein und ändern Sie den Stil der Adressleiste. Als Nächstes werde ich Ihnen in diesem Artikel eine Zusammenfassung des Spezialeffektcodes für passende JQuery-Adressleisten-Links und -Tags vorstellen

Wie im Titel erwähnt, wenn diese Funktion angezeigt wird, fügen Sie nach dem Klicken auf einen Link nach dem Sprung einen Stil zur Linkadresse hinzu und fügen Sie einen speziellen Stil hinzu, indem Sie die Klasse als aktuell hinzufügen.

Wie im Bild gezeigt: Nachdem Sie zum Springen auf HTML + CSS3 geklickt haben, fügen Sie den Stil wie gezeigt hinzu:

Der js-Code lautet wie folgt :

var currUrl = window.location.href;
   var currStyle = function (links){
     links.each(function(){
        var url = $(this).attr('href');
        if (currUrl.indexOf(url) != -1){
          $(this).addClass("current");
          return false;
        }
     });
}

Wie nennt man es?

Der folgende JQuery-Aufrufcode:

$(function(){
  currStyle($("#sidebar .list a"));
})

Dadurch wird die im Bild gezeigte Funktion erreicht.

Javascript und JQuery ändern das href-Attribut eines Tags

Der Javascript-Code lautet wie folgt:

document.getElementById("myId").setAttribute("href","www.xxx.com"); 
document.getElementById("myId").href = "www.xxx.com";

jquery: Der Code lautet wie folgt:

$("#myId").attr("href","www.xxx.com");

Das Obige ist der gesamte Inhalt von Dieser Artikel, ich hoffe, er gefällt dir.

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er wird für das Studium aller hilfreich sein. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website.

Verwandte Empfehlungen:

jquery ztree realisiert die Rechtsklick-Sammelfunktion

Die Funktion zum Anzeigen des Volltextes basiert auf jQuery

Wählen Sie eine bestimmte Registerkarte basierend auf JQuery EasyUI aus

Das obige ist der detaillierte Inhalt vonDer besondere Effekt eines passenden JQuery-Adressleisten-Links und eines Label-Links. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!