Maison > interface Web > js tutoriel > 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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Libérer: 2016-05-16 15:43:01
original
1085 Les gens l'ont consulté

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;
        }
     });
}
Copier après la connexion

Comment l'appeler ?

Le code d'appel jquery suivant :

$(function(){
  currStyle($("#sidebar .list a"));
})
Copier après la connexion

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"; 
Copier après la connexion

jquery : Le code est le suivant :

$("#myId").attr("href","www.xxx.com"); 
Copier après la connexion

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 de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal