Maison > interface Web > js tutoriel > Comment puis-je utiliser jQuery pour modifier les cibles des liens hypertextes ?

Comment puis-je utiliser jQuery pour modifier les cibles des liens hypertextes ?

Barbara Streisand
Libérer: 2024-12-11 06:23:10
original
728 Les gens l'ont consulté

How Can I Use jQuery to Modify Hyperlink Targets?

Modification des cibles des hyperliens avec jQuery

Souvent, il devient nécessaire de rediriger les hyperliens vers différentes destinations après le chargement. jQuery propose une solution simple pour manipuler l'attribut 'href' d'un lien hypertexte pour y parvenir.

Pour modifier la cible d'un lien hypertexte, utilisez simplement la syntaxe suivante :

$("a").attr("href", "http://www.google.com/");
Copier après la connexion

Cela permettra mettez à jour l'attribut « href » pour tous les hyperliens de la page, en les redirigeant vers Google. Cependant, pour affiner la sélection, pensez à utiliser un sélecteur plus spécifique.

Par exemple, si votre page contient à la fois des balises « lien » et « ancre », vous souhaiterez peut-être exclure les balises d'ancrage de la mise à jour. Pour ce faire, précisez que le sélecteur cible uniquement les balises 'a' avec un attribut 'href' existant :

$("a[href]")
Copier après la connexion

Alternativement, vous pouvez faire correspondre une ancre avec un 'href' spécifique en utilisant une syntaxe comme celle-ci :

$("a[href='http://www.google.com/']")
Copier après la connexion

Cela cible les liens où l'attribut 'href' correspond exactement à la chaîne spécifiée. Pour mettre à jour seulement une partie du 'href', utilisez une technique comme celle-ci :

$("a[href^='http://stackoverflow.com']")
.each(function() {
    this.href = this.href.replace(/^http:\/\/beta\.stackoverflow\.com/, "http://stackoverflow.com");
});
Copier après la connexion

Cela sélectionne les liens où le 'href' commence par 'http://stackoverflow.com' et les modifie pour pointer vers un domaine différent. La flexibilité de jQuery permet d'effectuer facilement diverses modifications.

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!

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