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
WBOYOriginal
2016-05-16 15:43:011021Durchsuche

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.

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