Maison  >  Article  >  interface Web  >  Résumé du code d'effets spéciaux pour faire correspondre le lien de la barre d'adresse jquery et une balise link_jquery

Résumé du code d'effets spéciaux pour faire correspondre le lien de la barre d'adresse jquery et une balise link_jquery

WBOY
WBOYoriginal
2016-05-16 15:43:01943parcourir

Comme mentionné dans le titre, lorsqu'une telle fonction apparaît, après avoir cliqué sur un lien, ajoutez un style à l'adresse du lien après le saut, et ajoutez un style spécial en ajoutant la classe comme actuelle.

Comme le montre l'image : Après avoir cliqué sur le saut HTML css3, ajoutez-y le style d'image :

le code js est le suivant :

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;
        }
     });
}

Comment l'appeler ?

Le code d'appel jquery suivant :

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

Cela permet d'obtenir la fonction indiquée sur l'image.

Javascript et jquery modifient l'attribut href de la balise a

Le code javascript est le suivant :

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

jquery : Le code est le suivant :

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

Ce qui précède représente l’intégralité du contenu de cet article, j’espère que vous l’aimerez tous.

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn