Heim > Web-Frontend > js-Tutorial > Zusammenfassung des Spezialeffektcodes für den Abgleich des JQuery-Adressleisten-Links und eines Tags „Link_JQuery'.

Zusammenfassung des Spezialeffektcodes für den Abgleich des JQuery-Adressleisten-Links und eines Tags „Link_JQuery'.

WBOY
Freigeben: 2016-05-16 15:43:01
Original
1027 Leute haben es durchsucht

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;
        }
     });
}
Nach dem Login kopieren

Wie nennt man es?

Der folgende JQuery-Aufrufcode:

$(function(){
  currStyle($("#sidebar .list a"));
})
Nach dem Login kopieren

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"; 
Nach dem Login kopieren

jquery: Der Code lautet wie folgt:

$("#myId").attr("href","www.xxx.com"); 
Nach dem Login kopieren

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er gefällt Ihnen allen.

Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage