L'effet spécial de la correspondance du lien de la barre d'adresse jquery et d'un lien d'étiquette

Cet article présente principalement les effets spéciaux de la correspondance des liens de la barre d'adresse jquery et des liens de balise. Il a une certaine valeur de référence. Maintenant, je le partage avec vous. Les amis dans le besoin peuvent s'y référer

Comment l'obtenir. l'adresse dans les paramètres de la colonne jquery, modifiez le style de la barre d'adresse. Ensuite, à travers cet article, je partagerai avec vous un résumé du code d'effet spécial pour faire correspondre les liens de la barre d'adresse jquery et les liens de balise. Les amis dans le besoin peuvent se référer à ce qui suit.

Comme mentionné dans le titre, lorsqu'il apparaît Avec cette fonction, 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 HTML+css3 pour sauter, ajoutez le style comme indiqué :

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 comme indiqué dans l'image.

Javascript et jquery modifient l'attribut href d'une balise

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 est tout le contenu de cet article, j'espère que vous l'aimerez tous.

Ce qui précède représente l'intégralité du contenu de cet article. J'espère qu'il sera utile à l'étude de chacun. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois !

Recommandations associées :

jquery ztree réalise la fonction de collecte par clic droit

La fonction d'affichage du texte intégral basée sur sur jQuery

Sélectionnez un onglet spécifique basé sur Jquery easyui

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!