Maison > interface Web > js tutoriel > le corps du texte

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
Libérer: 2016-05-16 15:43:01
original
942 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.

source:php.cn
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
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!