Heim >Web-Frontend >js-Tutorial >Zusammenfassung des Spezialeffektcodes für den Abgleich des JQuery-Adressleisten-Links und eines Tags „Link_JQuery'.
Wie im Titel erwähnt, fügen Sie beim Erscheinen einer solchen Funktion nach dem Klicken auf einen Link einen Stil zur Linkadresse nach dem Sprung hinzu und fügen Sie einen speziellen Stil hinzu, indem Sie die Klasse als aktuell hinzufügen.
Wie im Bild gezeigt: Nachdem Sie auf den HTML-CSS3-Sprung geklickt haben, fügen Sie den Bildstil hinzu:
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 des a-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 dieses Artikels. Ich hoffe, er gefällt Ihnen allen.